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

feat: ui settings (#465)

Browse Source
This commit is contained in:
Jérémy M
2023-06-30 11:35:01 +02:00
committed by GitHub
parent 91608a37f2
commit 19a1f2b9f8
6 changed files with 91 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/pages/auth/CreateProfile.tsx
View File

@ -3,12 +3,12 @@ import { useHotkeys } from 'react-hotkeys-hook';
import { useNavigate } from 'react-router-dom';
import styled from '@emotion/styled';
import { Section } from '@/auth/components/ui/Section';
import { SubTitle } from '@/auth/components/ui/SubTitle';
import { Title } from '@/auth/components/ui/Title';
import { MainButton } from '@/ui/components/buttons/MainButton';
import { ImageInput } from '@/ui/components/inputs/ImageInput';
import { TextInput } from '@/ui/components/inputs/TextInput';
import { SubSectionTitle } from '@/ui/components/section-titles/SubSectionTitle';
const StyledContentContainer = styled.div`
width: 100%;
@ -60,11 +60,11 @@ export function CreateProfile() {
<SubTitle>How you'll be identify on the app.</SubTitle>
<StyledContentContainer>
<StyledSectionContainer>
<Section title="Picture" />
<SubSectionTitle title="Picture" />
<ImageInput picture={null} disabled />
</StyledSectionContainer>
<StyledSectionContainer>
<Section
<SubSectionTitle
title="Name"
description="Your name as it will be displayed on the app"
/>

6
front/src/pages/auth/CreateWorkspace.tsx
View File

@ -3,12 +3,12 @@ import { useHotkeys } from 'react-hotkeys-hook';
import { useNavigate } from 'react-router-dom';
import styled from '@emotion/styled';
import { Section } from '@/auth/components/ui/Section';
import { SubTitle } from '@/auth/components/ui/SubTitle';
import { Title } from '@/auth/components/ui/Title';
import { MainButton } from '@/ui/components/buttons/MainButton';
import { ImageInput } from '@/ui/components/inputs/ImageInput';
import { TextInput } from '@/ui/components/inputs/TextInput';
import { SubSectionTitle } from '@/ui/components/section-titles/SubSectionTitle';
const StyledContentContainer = styled.div`
width: 100%;
@ -55,11 +55,11 @@ export function CreateWorkspace() {
</SubTitle>
<StyledContentContainer>
<StyledSectionContainer>
<Section title="Workspace logo" />
<SubSectionTitle title="Workspace logo" />
<ImageInput picture={null} disabled />
</StyledSectionContainer>
<StyledSectionContainer>
<Section
<SubSectionTitle
title="Workspace name"
description="The name of your organization"
/>

6
front/src/pages/auth/PasswordLogin.tsx
View File

@ -5,7 +5,6 @@ import { motion } from 'framer-motion';
import { useRecoilState } from 'recoil';
import { Logo } from '@/auth/components/ui/Logo';
import { Section } from '@/auth/components/ui/Section';
import { SubTitle } from '@/auth/components/ui/SubTitle';
import { Title } from '@/auth/components/ui/Title';
import { useAuth } from '@/auth/hooks/useAuth';
@ -14,6 +13,7 @@ import { isMockModeState } from '@/auth/states/isMockModeState';
import { captureHotkeyTypeInFocusState } from '@/hotkeys/states/captureHotkeyTypeInFocusState';
import { MainButton } from '@/ui/components/buttons/MainButton';
import { TextInput } from '@/ui/components/inputs/TextInput';
import { SubSectionTitle } from '@/ui/components/section-titles/SubSectionTitle';
const StyledContentContainer = styled.div`
width: 100%;
@ -101,7 +101,7 @@ export function PasswordLogin() {
<StyledAnimatedContent>
<StyledContentContainer>
<StyledSectionContainer>
<Section title="Email" />
<SubSectionTitle title="Email" />
<TextInput
value={authFlowUserEmail}
placeholder="Email"
@ -110,7 +110,7 @@ export function PasswordLogin() {
/>
</StyledSectionContainer>
<StyledSectionContainer>
<Section title="Password" />
<SubSectionTitle title="Password" />
<TextInput
value={internalPassword}
placeholder="Password"