twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-22 03:17:40 +03:00
Code Issues Packages Projects Releases Wiki Activity

refactor: reuse base TextInput component

Browse Source
This commit is contained in:
Devessier 2024-11-21 12:04:42 +01:00
parent 7c3791a098
commit 510e0ff605
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/twenty-front/src/modules/object-record/record-field/form-types/components/FormNumberFieldInput.tsx
View File

@ -1,9 +1,9 @@
import { TextInput } from '@/ui/field/input/components/TextInput';
import { SortOrFilterChip } from '@/views/components/SortOrFilterChip';
import SearchVariablesDropdown from '@/workflow/search-variables/components/SearchVariablesDropdown';
import { extractVariableLabel } from '@/workflow/search-variables/utils/extractVariableLabel';
import styled from '@emotion/styled';
import { useId, useState } from 'react';
import { TEXT_INPUT_STYLE } from 'twenty-ui';
import {
canBeCastAsNumberOrNull,
castAsNumberOrNull,
@ -51,11 +51,8 @@ const StyledInputContainer2 = styled.div<{
width: 100%;
`;
const StyledInput = styled.input`
${TEXT_INPUT_STYLE}
const StyledInput = styled(TextInput)`
padding: ${({ theme }) => `${theme.spacing(1)} ${theme.spacing(2)}`};
width: 100%;
`;
const StyledVariableContainer = styled.div`
@ -137,11 +134,12 @@ export const FormNumberFieldInput = ({
<StyledInputContainer2>
{editingMode === 'input' ? (
<StyledInput
type="text"
placeholder={placeholder}
value={draftValue}
onChange={(event) => {
handleChange(event.target.value);
copyButton={false}
hotkeyScope="record-create"
onChange={(value) => {
handleChange(value);
}}
/>
) : (