feat: remove Color setting from Calendars Settings (#4310)
Closes #4291
This commit is contained in:
@ -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>
|
|
||||||
);
|
|
||||||
@ -7,7 +7,6 @@ import {
|
|||||||
SettingsAccountsEventVisibilitySettingsCard,
|
SettingsAccountsEventVisibilitySettingsCard,
|
||||||
} from '@/settings/accounts/components/SettingsAccountsCalendarVisibilitySettingsCard';
|
} from '@/settings/accounts/components/SettingsAccountsCalendarVisibilitySettingsCard';
|
||||||
import { SettingsAccountsCardMedia } from '@/settings/accounts/components/SettingsAccountsCardMedia';
|
import { SettingsAccountsCardMedia } from '@/settings/accounts/components/SettingsAccountsCardMedia';
|
||||||
import { SettingsAccountsColorSettingCard } from '@/settings/accounts/components/SettingsAccountsColorSettingCard';
|
|
||||||
import { SettingsAccountsToggleSettingCard } from '@/settings/accounts/components/SettingsAccountsToggleSettingCard';
|
import { SettingsAccountsToggleSettingCard } from '@/settings/accounts/components/SettingsAccountsToggleSettingCard';
|
||||||
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
|
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
|
||||||
import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
|
import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
|
||||||
@ -46,16 +45,6 @@ export const SettingsAccountsCalendarsSettings = () => {
|
|||||||
{ children: connectedAccount?.handle || '' },
|
{ children: connectedAccount?.handle || '' },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<Section>
|
|
||||||
<H2Title
|
|
||||||
title="Color"
|
|
||||||
description="Define the color associated with this calendar"
|
|
||||||
/>
|
|
||||||
<SettingsAccountsColorSettingCard
|
|
||||||
value="blue"
|
|
||||||
onChange={(_colorName) => {}}
|
|
||||||
/>
|
|
||||||
</Section>
|
|
||||||
<Section>
|
<Section>
|
||||||
<H2Title
|
<H2Title
|
||||||
title="Event visibility"
|
title="Event visibility"
|
||||||
|
|||||||
Reference in New Issue
Block a user