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

Introduce accent for chips (#911)

Browse Source 
* Introduce accent for chips

* Add top bar on Mobile on Settings pages

* Various fixes

* Fix according to peer review
This commit is contained in:
Charles Bochet
2023-07-24 16:49:33 -07:00
committed by GitHub
parent b2f4108d89
commit d6afbe8e8e
23 changed files with 166 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
front/src/pages/people/People.tsx
View File

@ -24,7 +24,10 @@ export function People() {
async function handleAddButtonClick() {
await insertOnePerson({
variables: {
data: {},
data: {
firstName: '',
lastName: '',
},
},
refetchQueries: [getOperationName(GET_PEOPLE) ?? ''],
});

3
front/src/pages/settings/SettingsExperience.tsx
View File

@ -1,6 +1,7 @@
import styled from '@emotion/styled';
import { ColorSchemePicker } from '@/ui/color-scheme/components/ColorSchemePicker';
import { IconSettings } from '@/ui/icon';
import { SubMenuTopBarContainer } from '@/ui/layout/components/SubMenuTopBarContainer';
import { useColorScheme } from '@/ui/themes/hooks/useColorScheme';
import { MainSectionTitle } from '@/ui/title/components/MainSectionTitle';
@ -27,7 +28,7 @@ export function SettingsExperience() {
const { colorScheme, setColorScheme } = useColorScheme();
return (
<SubMenuTopBarContainer>
<SubMenuTopBarContainer icon={<IconSettings size={16} />} title="Settings">
<div>
<StyledContainer>
<MainSectionTitle>Experience</MainSectionTitle>

7
front/src/pages/settings/SettingsProfile.tsx
View File

@ -3,6 +3,7 @@ import styled from '@emotion/styled';
import { EmailField } from '@/settings/profile/components/EmailField';
import { NameFields } from '@/settings/profile/components/NameFields';
import { ProfilePictureUploader } from '@/settings/profile/components/ProfilePictureUploader';
import { IconSettings } from '@/ui/icon';
import { SubMenuTopBarContainer } from '@/ui/layout/components/SubMenuTopBarContainer';
import { MainSectionTitle } from '@/ui/title/components/MainSectionTitle';
import { SubSectionTitle } from '@/ui/title/components/SubSectionTitle';
@ -26,8 +27,8 @@ const StyledSectionContainer = styled.div`
export function SettingsProfile() {
return (
<SubMenuTopBarContainer>
<div>
<SubMenuTopBarContainer icon={<IconSettings size={16} />} title="Settings">
<>
<StyledContainer>
<MainSectionTitle>Profile</MainSectionTitle>
<StyledSectionContainer>
@ -49,7 +50,7 @@ export function SettingsProfile() {
<EmailField />
</StyledSectionContainer>
</StyledContainer>
</div>
</>
</SubMenuTopBarContainer>
);
}

3
front/src/pages/settings/SettingsWorkspace.tsx
View File

@ -2,6 +2,7 @@ import styled from '@emotion/styled';
import { NameField } from '@/settings/workspace/components/NameField';
import { WorkspaceLogoUploader } from '@/settings/workspace/components/WorkspaceLogoUploader';
import { IconSettings } from '@/ui/icon';
import { SubMenuTopBarContainer } from '@/ui/layout/components/SubMenuTopBarContainer';
import { MainSectionTitle } from '@/ui/title/components/MainSectionTitle';
import { SubSectionTitle } from '@/ui/title/components/SubSectionTitle';
@ -24,7 +25,7 @@ const StyledSectionContainer = styled.div`
export function SettingsWorksapce() {
return (
<SubMenuTopBarContainer>
<SubMenuTopBarContainer icon={<IconSettings size={16} />} title="Settings">
<div>
<StyledContainer>
<MainSectionTitle>General</MainSectionTitle>

4
front/src/pages/settings/SettingsWorkspaceMembers.tsx
View File

@ -4,7 +4,7 @@ import { useRecoilState } from 'recoil';
import { currentUserState } from '@/auth/states/currentUserState';
import { Button } from '@/ui/button/components/Button';
import { IconTrash } from '@/ui/icon';
import { IconSettings, IconTrash } from '@/ui/icon';
import { SubMenuTopBarContainer } from '@/ui/layout/components/SubMenuTopBarContainer';
import { MainSectionTitle } from '@/ui/title/components/MainSectionTitle';
import { SubSectionTitle } from '@/ui/title/components/SubSectionTitle';
@ -75,7 +75,7 @@ export function SettingsWorkspaceMembers() {
};
return (
<SubMenuTopBarContainer>
<SubMenuTopBarContainer icon={<IconSettings size={16} />} title="Settings">
<StyledContainer>
<MainSectionTitle>Members</MainSectionTitle>
{workspace?.inviteHash && (