admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Press enter to add to blocklist (#3847)

Browse Source 
* Press enter to add to blocklist

* Add support for using ts-key-enum in SettingsAccountsEmailsBlocklistInput

* Sort imports
This commit is contained in:
bosiraphael
2024-02-09 15:26:18 +01:00
committed by GitHub
parent 59721134dc
commit a8cb4dc2f4
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsBlocklistInput.tsx
View File

@ -1,5 +1,6 @@
import { useState } from 'react'; import { useState } from 'react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { Key } from 'ts-key-enum';
import { Button } from '@/ui/input/button/components/Button'; import { Button } from '@/ui/input/button/components/Button';
import { TextInput } from '@/ui/input/components/TextInput'; import { TextInput } from '@/ui/input/components/TextInput';
@ -27,6 +28,14 @@ export const SettingsAccountsEmailsBlocklistInput = ({
}>({ }>({
email: '', email: '',
}); });
const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === Key.Enter) {
updateBlockedEmailList(formValues.email);
setFormValues({ email: '' });
}
};
return ( return (
<StyledContainer> <StyledContainer>
<StyledLinkContainer> <StyledLinkContainer>
@ -40,6 +49,7 @@ export const SettingsAccountsEmailsBlocklistInput = ({
})); }));
}} }}
fullWidth fullWidth
onKeyDown={handleKeyDown}
/> />
</StyledLinkContainer> </StyledLinkContainer>
<Button <Button