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

Settings Option Card component (#8456)

Browse Source 
fixes - #8195

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
nitin
2024-11-18 14:52:33 +05:30
committed by GitHub
parent ade1c57ff4
commit 2f5dc26545
56 changed files with 931 additions and 920 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/twenty-front/src/modules/ui/input/components/SelectControl.tsx
View File

@ -1,4 +1,4 @@
import { SelectOption } from '@/ui/input/components/Select';
import { SelectOption, SelectSizeVariant } from '@/ui/input/components/Select';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import {
@ -10,6 +10,7 @@ import {
const StyledControlContainer = styled.div<{
disabled?: boolean;
hasIcon: boolean;
selectSizeVariant?: SelectSizeVariant;
}>`
display: grid;
grid-template-columns: ${({ hasIcon }) =>
@ -17,7 +18,8 @@ const StyledControlContainer = styled.div<{
align-items: center;
gap: ${({ theme }) => theme.spacing(1)};
box-sizing: border-box;
height: ${({ theme }) => theme.spacing(8)};
height: ${({ selectSizeVariant, theme }) =>
selectSizeVariant === 'small' ? theme.spacing(6) : theme.spacing(8)};
max-width: 100%;
padding: 0 ${({ theme }) => theme.spacing(2)};
background-color: ${({ theme }) => theme.background.transparent.lighter};
@ -37,13 +39,15 @@ const StyledIconChevronDown = styled(IconChevronDown)<{
`;
type SelectControlProps = {
selectedOption: SelectOption<string | number | null>;
selectedOption: SelectOption<string | number | boolean | null>;
isDisabled?: boolean;
selectSizeVariant?: SelectSizeVariant;
};
export const SelectControl = ({
selectedOption,
isDisabled,
selectSizeVariant,
}: SelectControlProps) => {
const theme = useTheme();
@ -51,6 +55,7 @@ export const SelectControl = ({
<StyledControlContainer
disabled={isDisabled}
hasIcon={isDefined(selectedOption.Icon)}
selectSizeVariant={selectSizeVariant}
>
{isDefined(selectedOption.Icon) ? (
<selectedOption.Icon