Change to using arrow functions (#1603)

* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-twenty
2023-09-16 02:41:10 +01:00
committed by GitHub
parent 549335054a
commit 00a3c8ca2b
575 changed files with 2848 additions and 3063 deletions

View File

@ -16,7 +16,7 @@ const StyledContainer = styled.div`
width: 350px;
`;
export function SettingsExperience() {
export const SettingsExperience = () => {
const { colorScheme, setColorScheme } = useColorScheme();
return (
@ -30,4 +30,4 @@ export function SettingsExperience() {
</StyledContainer>
</SubMenuTopBarContainer>
);
}
};

View File

@ -21,42 +21,40 @@ const StyledContainer = styled.div`
width: 350px;
`;
export function SettingsProfile() {
return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<>
<StyledContainer>
<H1Title title="Profile" />
<Section>
<H2Title title="Picture" />
<ProfilePictureUploader />
</Section>
<Section>
<H2Title
title="Name"
description="Your name as it will be displayed"
/>
<NameFields />
</Section>
<Section>
<H2Title
title="Email"
description="The email associated to your account"
/>
<EmailField />
</Section>
<Section>
<H2Title
title="Support"
addornment={<ToggleField />}
description="Grant Twenty support temporary access to your account so we can troubleshoot problems or recover content on your behalf. You can revoke access at any time."
/>
</Section>
<Section>
<DeleteAccount />
</Section>
</StyledContainer>
</>
</SubMenuTopBarContainer>
);
}
export const SettingsProfile = () => (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<>
<StyledContainer>
<H1Title title="Profile" />
<Section>
<H2Title title="Picture" />
<ProfilePictureUploader />
</Section>
<Section>
<H2Title
title="Name"
description="Your name as it will be displayed"
/>
<NameFields />
</Section>
<Section>
<H2Title
title="Email"
description="The email associated to your account"
/>
<EmailField />
</Section>
<Section>
<H2Title
title="Support"
addornment={<ToggleField />}
description="Grant Twenty support temporary access to your account so we can troubleshoot problems or recover content on your behalf. You can revoke access at any time."
/>
</Section>
<Section>
<DeleteAccount />
</Section>
</StyledContainer>
</>
</SubMenuTopBarContainer>
);

View File

@ -16,26 +16,24 @@ const StyledContainer = styled.div`
width: 350px;
`;
export function SettingsWorkspace() {
return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<div>
<StyledContainer>
<H1Title title="General" />
<Section>
<H2Title title="Picture" />
<WorkspaceLogoUploader />
</Section>
<Section>
<H2Title title="Name" description="Name of your workspace" />
<NameField />
</Section>
export const SettingsWorkspace = () => (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<div>
<StyledContainer>
<H1Title title="General" />
<Section>
<H2Title title="Picture" />
<WorkspaceLogoUploader />
</Section>
<Section>
<H2Title title="Name" description="Name of your workspace" />
<NameField />
</Section>
<Section>
<DeleteWorkspace />
</Section>
</StyledContainer>
</div>
</SubMenuTopBarContainer>
);
}
<Section>
<DeleteWorkspace />
</Section>
</StyledContainer>
</div>
</SubMenuTopBarContainer>
);

View File

@ -31,7 +31,7 @@ const StyledButtonContainer = styled.div`
margin-left: ${({ theme }) => theme.spacing(3)};
`;
export function SettingsWorkspaceMembers() {
export const SettingsWorkspaceMembers = () => {
const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState(false);
const [userToDelete, setUserToDelete] = useState<string | undefined>();
@ -141,4 +141,4 @@ export function SettingsWorkspaceMembers() {
/>
</SubMenuTopBarContainer>
);
}
};