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

Reafactor/UI input and displays (#1544)

Browse Source 
* WIP

* Text field

* URL

* Finished PhoneInput

* Refactored input sub-folders

* Boolean

* Fix lint

* Fix lint

* Fix useOutsideClick

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Lucas Bordeau
2023-09-12 02:11:20 +02:00
committed by GitHub
parent 509ffddc57
commit a766c60aa5
90 changed files with 618 additions and 461 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/modules/settings/profile/components/EmailField.tsx
View File

@ -1,13 +1,13 @@
import { useRecoilValue } from 'recoil';
import { currentUserState } from '@/auth/states/currentUserState';
import { TextInput } from '@/ui/input/text/components/TextInput';
import { TextInputSettings } from '@/ui/input/text/components/TextInputSettings';
export function EmailField() {
const currentUser = useRecoilValue(currentUserState);
return (
<TextInput
<TextInputSettings
value={currentUser?.email}
disabled
fullWidth

6
front/src/modules/settings/profile/components/NameFields.tsx
View File

@ -5,7 +5,7 @@ import debounce from 'lodash.debounce';
import { useRecoilValue } from 'recoil';
import { currentUserState } from '@/auth/states/currentUserState';
import { TextInput } from '@/ui/input/text/components/TextInput';
import { TextInputSettings } from '@/ui/input/text/components/TextInputSettings';
import { GET_CURRENT_USER } from '@/users/graphql/queries/getCurrentUser';
import { useUpdateUserMutation } from '~/generated/graphql';
@ -86,14 +86,14 @@ export function NameFields({
return (
<StyledComboInputContainer>
<TextInput
<TextInputSettings
label="First Name"
value={firstName}
onChange={setFirstName}
placeholder="Tim"
fullWidth
/>
<TextInput
<TextInputSettings
label="Last Name"
value={lastName}
onChange={setLastName}

2
front/src/modules/settings/profile/components/ToggleField.tsx
View File

@ -1,7 +1,7 @@
import { useRecoilValue } from 'recoil';
import { currentUserState } from '@/auth/states/currentUserState';
import { Toggle } from '@/ui/input/toggle/components/Toggle';
import { Toggle } from '@/ui/input/components/Toggle';
import { useSnackBar } from '@/ui/snack-bar/hooks/useSnackBar';
import { useUpdateAllowImpersonationMutation } from '~/generated/graphql';

4
front/src/modules/settings/workspace/components/NameField.tsx
View File

@ -5,7 +5,7 @@ import debounce from 'lodash.debounce';
import { useRecoilState } from 'recoil';
import { currentUserState } from '@/auth/states/currentUserState';
import { TextInput } from '@/ui/input/text/components/TextInput';
import { TextInputSettings } from '@/ui/input/text/components/TextInputSettings';
import { GET_CURRENT_USER } from '@/users/graphql/queries/getCurrentUser';
import { useUpdateWorkspaceMutation } from '~/generated/graphql';
@ -68,7 +68,7 @@ export function NameField({ autoSave = true, onNameUpdate }: OwnProps) {
return (
<StyledComboInputContainer>
<TextInput
<TextInputSettings
label="Name"
value={displayName}
onChange={setDisplayName}