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

Change to using arrow functions (#1603)

Browse Source 
* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-twenty
2023-09-16 02:41:10 +01:00
committed by GitHub
parent 549335054a
commit 00a3c8ca2b
575 changed files with 2848 additions and 3063 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/modules/spreadsheet-import/components/Heading.tsx
View File

@ -27,11 +27,9 @@ const StyledDescription = styled.span`
text-align: center;
`;
export function Heading({ title, description, ...props }: Props) {
return (
<StyledContainer {...props}>
<StyledTitle>{title}</StyledTitle>
{description && <StyledDescription>{description}</StyledDescription>}
</StyledContainer>
);
}
export const Heading = ({ title, description, ...props }: Props) => (
<StyledContainer {...props}>
<StyledTitle>{title}</StyledTitle>
{description && <StyledDescription>{description}</StyledDescription>}
</StyledContainer>
);

12
front/src/modules/spreadsheet-import/components/MatchColumnSelect.tsx
View File

@ -76,21 +76,21 @@ export const MatchColumnSelect = ({
leading: true,
});
function handleFilterChange(event: React.ChangeEvent<HTMLInputElement>) {
const handleFilterChange = (event: React.ChangeEvent<HTMLInputElement>) => {
const value = event.currentTarget.value;
setSearchFilter(value);
debouncedHandleSearchFilter(value);
}
};
function handleDropdownItemClick() {
const handleDropdownItemClick = () => {
setIsOpen(true);
}
};
function handleChange(option: ReadonlyDeep<SelectOption>) {
const handleChange = (option: ReadonlyDeep<SelectOption>) => {
onChange(option);
setIsOpen(false);
}
};
useListenClickOutside({
refs: [dropdownContainerRef],

4
front/src/modules/spreadsheet-import/components/ModalCloseButton.tsx
View File

@ -35,7 +35,7 @@ export const ModalCloseButton = ({ onClose }: ModalCloseButtonProps) => {
const { enqueueDialog } = useDialog();
function handleClose() {
const handleClose = () => {
if (activeStep === -1) {
onClose();
return;
@ -48,7 +48,7 @@ export const ModalCloseButton = ({ onClose }: ModalCloseButtonProps) => {
{ title: 'Exit', onClick: onClose, accent: 'danger', role: 'confirm' },
],
});
}
};
return (
<StyledCloseButtonContainer>

4
front/src/modules/spreadsheet-import/hooks/useSpreadsheetImport.tsx
View File

@ -3,7 +3,7 @@ import { useSetRecoilState } from 'recoil';
import { spreadsheetImportState } from '@/spreadsheet-import/states/spreadsheetImportState';
import { SpreadsheetOptions } from '@/spreadsheet-import/types';
export function useSpreadsheetImport<T extends string>() {
export const useSpreadsheetImport = <T extends string>() => {
const setSpreadSheetImport = useSetRecoilState(spreadsheetImportState);
const openSpreadsheetImport = (
@ -16,4 +16,4 @@ export function useSpreadsheetImport<T extends string>() {
};
return { openSpreadsheetImport };
}
};

4
front/src/modules/spreadsheet-import/provider/components/SpreadsheetImportProvider.tsx
View File

@ -14,12 +14,12 @@ export const SpreadsheetImportProvider = (
spreadsheetImportState,
);
function handleClose() {
const handleClose = () => {
setSpreadsheetImport({
isOpen: false,
options: null,
});
}
};
return (
<>

4
front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/components/SelectColumn.tsx
View File

@ -5,7 +5,7 @@ import { Radio } from '@/ui/input/components/Radio';
const SELECT_COLUMN_KEY = 'select-row';
function SelectFormatter(props: FormatterProps<unknown>) {
const SelectFormatter = (props: FormatterProps<unknown>) => {
const [isRowSelected, onRowSelectionChange] = useRowSelection();
return (
@ -21,7 +21,7 @@ function SelectFormatter(props: FormatterProps<unknown>) {
}}
/>
);
}
};
export const SelectColumn: Column<any, any> = {
key: SELECT_COLUMN_KEY,

24
front/src/modules/spreadsheet-import/steps/components/__stories__/MatchColumns.stories.tsx
View File

@ -56,16 +56,14 @@ const mockData = [
['10', 'Jere', 'Shier', 'jshier8@comcast.net', 'Agender', '10.143.62.161'],
];
export function Default() {
return (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<MatchColumnsStep
headerValues={mockData[0] as string[]}
data={mockData.slice(1)}
onContinue={() => null}
/>
</ModalWrapper>
</Providers>
);
}
export const Default = () => (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<MatchColumnsStep
headerValues={mockData[0] as string[]}
data={mockData.slice(1)}
onContinue={() => null}
/>
</ModalWrapper>
</Providers>
);

22
front/src/modules/spreadsheet-import/steps/components/__stories__/SelectHeader.stories.tsx
View File

@ -18,15 +18,13 @@ const meta: Meta<typeof SelectHeaderStep> = {
export default meta;
export function Default() {
return (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<SelectHeaderStep
data={headerSelectionTableFields}
onContinue={() => Promise.resolve()}
/>
</ModalWrapper>
</Providers>
);
}
export const Default = () => (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<SelectHeaderStep
data={headerSelectionTableFields}
onContinue={() => Promise.resolve()}
/>
</ModalWrapper>
</Providers>
);

22
front/src/modules/spreadsheet-import/steps/components/__stories__/SelectSheet.stories.tsx
View File

@ -17,15 +17,13 @@ export default meta;
const sheetNames = ['Sheet1', 'Sheet2', 'Sheet3'];
export function Default() {
return (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<SelectSheetStep
sheetNames={sheetNames}
onContinue={() => Promise.resolve()}
/>
</ModalWrapper>
</Providers>
);
}
export const Default = () => (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<SelectSheetStep
sheetNames={sheetNames}
onContinue={() => Promise.resolve()}
/>
</ModalWrapper>
</Providers>
);

16
front/src/modules/spreadsheet-import/steps/components/__stories__/Upload.stories.tsx
View File

@ -15,12 +15,10 @@ const meta: Meta<typeof UploadStep> = {
export default meta;
export function Default() {
return (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<UploadStep onContinue={() => Promise.resolve()} />
</ModalWrapper>
</Providers>
);
}
export const Default = () => (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<UploadStep onContinue={() => Promise.resolve()} />
</ModalWrapper>
</Providers>
);

16
front/src/modules/spreadsheet-import/steps/components/__stories__/Validation.stories.tsx
View File

@ -20,12 +20,10 @@ export default meta;
const file = new File([''], 'file.csv');
export function Default() {
return (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<ValidationStep initialData={editableTableInitialData} file={file} />
</ModalWrapper>
</Providers>
);
}
export const Default = () => (
<Providers values={mockRsiValues}>
<ModalWrapper isOpen={true} onClose={() => null}>
<ValidationStep initialData={editableTableInitialData} file={file} />
</ModalWrapper>
</Providers>
);