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

feat: add Accounts List Card to Calendar Settings (#4129)

Browse Source 
Closes #4061
This commit is contained in:
Thaïs
2024-02-22 07:22:49 -03:00
committed by GitHub
parent 8425ce4987
commit 5a692fbaeb
11 changed files with 230 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-front/src/modules/ui/display/icon/assets/google-calendar.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 76">
<path fill="#fff" d="M58 18H18v40h40z"/>
<path fill="#4285f4" d="M26.2 49.03c-1.495-1.01-2.53-2.485-3.095-4.435l3.47-1.43c.315 1.2.865 2.13 1.65 2.79.78.66 1.73.985 2.84.985 1.135 0 2.11-.345 2.925-1.035s1.225-1.57 1.225-2.635c0-1.09-.43-1.98-1.29-2.67s-1.94-1.035-3.23-1.035H28.69V36.13h1.8c1.11 0 2.045-.3 2.805-.9s1.14-1.42 1.14-2.465c0-.93-.34-1.67-1.02-2.225s-1.54-.835-2.585-.835c-1.02 0-1.83.27-2.43.815a4.784 4.784 0 0 0-1.31 2.005l-3.435-1.43c.455-1.29 1.29-2.43 2.515-3.415s2.79-1.48 4.69-1.48c1.405 0 2.67.27 3.79.815s2 1.3 2.635 2.26c.635.965.95 2.045.95 3.245 0 1.225-.295 2.26-.885 3.11s-1.315 1.5-2.175 1.955v.205a6.605 6.605 0 0 1 2.79 2.175c.725.975 1.09 2.14 1.09 3.5s-.345 2.575-1.035 3.64-1.645 1.905-2.855 2.515c-1.215.61-2.58.92-4.095.92-1.755.005-3.375-.5-4.87-1.51zm21.315-17.22-3.81 2.755-1.905-2.89 6.835-4.93h2.62V50h-3.74z"/>
<path fill="#34a853" d="M58 58H18v18h40z"/>
<path fill="#4285f4" d="M58 0H6C2.685 0 0 2.685 0 6v52h18V18h40z"/>
<path fill="#188038" d="M0 58v12c0 3.315 2.685 6 6 6h12V58z"/>
<path fill="#fbbc04" d="M76 18H58v40h18z"/>
<path fill="#1967d2" d="M76 18V6c0-3.315-2.685-6-6-6H58v18z"/>
<path fill="#ea4335" d="m58 76 18-18H58z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

14
packages/twenty-front/src/modules/ui/display/icon/components/IconGoogleCalendar.tsx Normal file
View File

@ -0,0 +1,14 @@
import { useTheme } from '@emotion/react';
import IconGoogleCalendarRaw from '../assets/google-calendar.svg?react';
type IconGoogleCalendarProps = {
size?: number;
};
export const IconGoogleCalendar = (props: IconGoogleCalendarProps) => {
const theme = useTheme();
const size = props.size ?? theme.icon.size.lg;
return <IconGoogleCalendarRaw height={size} width={size} />;
};