twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-24 06:48:42 +03:00
Code Issues 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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 0 deletions
Show Stats 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 styled from '@emotion/styled';
import { Key } from 'ts-key-enum';
import { Button } from '@/ui/input/button/components/Button';
import { TextInput } from '@/ui/input/components/TextInput';
@ -27,6 +28,14 @@ export const SettingsAccountsEmailsBlocklistInput = ({
}>({
email: '',
});
const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === Key.Enter) {
updateBlockedEmailList(formValues.email);
setFormValues({ email: '' });
}
};
return (
<StyledContainer>
<StyledLinkContainer>
@ -40,6 +49,7 @@ export const SettingsAccountsEmailsBlocklistInput = ({
}));
}}
fullWidth
onKeyDown={handleKeyDown}
/>
</StyledLinkContainer>
<Button