From 1f00af286b02facc81c6fd93cdd5d20c80adc403 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tha=C3=AFs?= <guigon.thais@gmail.com>
Date: Tue, 5 Mar 2024 08:37:11 -0300
Subject: [PATCH] feat: remove Color setting from Calendars Settings (#4310)

Closes #4291
---
 .../SettingsAccountsColorSettingCard.tsx      | 37 -------------------
 .../SettingsAccountsCalendarsSettings.tsx     | 11 ------
 2 files changed, 48 deletions(-)
 delete mode 100644 packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsColorSettingCard.tsx

diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsColorSettingCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsColorSettingCard.tsx
deleted file mode 100644
index 0e6e3f2c4..000000000
--- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsColorSettingCard.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import styled from '@emotion/styled';
-
-import { ColorPickerButton } from '@/ui/input/button/components/ColorPickerButton';
-import { Card } from '@/ui/layout/card/components/Card';
-import { CardContent } from '@/ui/layout/card/components/CardContent';
-import {
-  MAIN_COLOR_NAMES,
-  ThemeColor,
-} from '@/ui/theme/constants/MainColorNames';
-
-type SettingsAccountsColorSettingCardProps = {
-  onChange: (nextValue: ThemeColor) => void;
-  value: ThemeColor;
-};
-
-const StyledCardContent = styled(CardContent)`
-  display: flex;
-  padding: ${({ theme }) => theme.spacing(2, 4)};
-  justify-content: space-between;
-`;
-
-export const SettingsAccountsColorSettingCard = ({
-  onChange,
-  value,
-}: SettingsAccountsColorSettingCardProps) => (
-  <Card>
-    <StyledCardContent>
-      {MAIN_COLOR_NAMES.map((colorName) => (
-        <ColorPickerButton
-          colorName={colorName}
-          isSelected={value === colorName}
-          onClick={() => onChange(colorName)}
-        />
-      ))}
-    </StyledCardContent>
-  </Card>
-);
diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx
index 4d43b0ad2..a745a94d2 100644
--- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx
+++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx
@@ -7,7 +7,6 @@ import {
   SettingsAccountsEventVisibilitySettingsCard,
 } from '@/settings/accounts/components/SettingsAccountsCalendarVisibilitySettingsCard';
 import { SettingsAccountsCardMedia } from '@/settings/accounts/components/SettingsAccountsCardMedia';
-import { SettingsAccountsColorSettingCard } from '@/settings/accounts/components/SettingsAccountsColorSettingCard';
 import { SettingsAccountsToggleSettingCard } from '@/settings/accounts/components/SettingsAccountsToggleSettingCard';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
@@ -46,16 +45,6 @@ export const SettingsAccountsCalendarsSettings = () => {
             { children: connectedAccount?.handle || '' },
           ]}
         />
-        <Section>
-          <H2Title
-            title="Color"
-            description="Define the color associated with this calendar"
-          />
-          <SettingsAccountsColorSettingCard
-            value="blue"
-            onChange={(_colorName) => {}}
-          />
-        </Section>
         <Section>
           <H2Title
             title="Event visibility"