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

26
front/src/modules/ui/input/text/components/TextInputEdit.tsx
View File

@ -30,21 +30,19 @@ export type TextInputEditProps = {
autoFocus?: boolean;
};
export function TextInputEdit({
export const TextInputEdit = ({
placeholder,
value,
onChange,
autoFocus,
}: TextInputEditProps) {
return (
<StyledTextInputContainer>
<StyledInplaceInputTextInput
autoComplete="off"
autoFocus={autoFocus}
placeholder={placeholder}
value={value}
onChange={(e) => onChange?.(e.target.value)}
/>
</StyledTextInputContainer>
);
}
}: TextInputEditProps) => (
<StyledTextInputContainer>
<StyledInplaceInputTextInput
autoComplete="off"
autoFocus={autoFocus}
placeholder={placeholder}
value={value}
onChange={(e) => onChange?.(e.target.value)}
/>
</StyledTextInputContainer>
);

6
front/src/modules/ui/input/text/components/TextInputSettings.tsx
View File

@ -98,7 +98,7 @@ const StyledTrailingIcon = styled.div`
const INPUT_TYPE_PASSWORD = 'password';
function TextInputComponent(
const TextInputComponent = (
{
label,
value,
@ -113,7 +113,7 @@ function TextInputComponent(
...props
}: OwnProps,
ref: ForwardedRef<HTMLInputElement>,
): JSX.Element {
): JSX.Element => {
const theme = useTheme();
const inputRef = useRef<HTMLInputElement>(null);
@ -195,6 +195,6 @@ function TextInputComponent(
{error && <StyledErrorHelper>{error}</StyledErrorHelper>}
</StyledContainer>
);
}
};
export const TextInputSettings = forwardRef(TextInputComponent);

6
front/src/modules/ui/input/text/components/__stories__/TextInput.stories.tsx
View File

@ -20,11 +20,11 @@ const meta: Meta<typeof TextInputSettings> = {
export default meta;
type Story = StoryObj<typeof TextInputSettings>;
function FakeTextInput({
const FakeTextInput = ({
onChange,
value: initialValue,
...props
}: React.ComponentProps<typeof TextInputSettings>) {
}: React.ComponentProps<typeof TextInputSettings>) => {
const [value, setValue] = useState(initialValue);
return (
<TextInputSettings
@ -36,7 +36,7 @@ function FakeTextInput({
}}
/>
);
}
};
export const Default: Story = {
argTypes: { value: { control: false } },