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

Fix eslint-plugin-twenty (#1640)

Browse Source 
* Fixed color rule

* Fixed naming

* Fix effect component rule

* Deactivated broken rules

* Fixed lint

* Complete eslint-plugin-twenty work

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Lucas Bordeau
2023-09-19 01:38:57 +02:00
committed by GitHub
parent 2adabb3ba2
commit 3c4ab605db
40 changed files with 864 additions and 487 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/modules/ui/input/components/DoubleTextInputEdit.tsx
View File

@ -2,7 +2,7 @@ import { ChangeEvent } from 'react';
import styled from '@emotion/styled';
import { StyledInput } from '@/ui/input/components/TextInput';
import { ComputeNodeDimensionsEffect } from '@/ui/utilities/dimensions/components/ComputeNodeDimensionsEffect';
import { ComputeNodeDimensions } from '@/ui/utilities/dimensions/components/ComputeNodeDimensions';
export type DoubleTextInputEditProps = {
firstValue: string;
@ -40,7 +40,7 @@ export const DoubleTextInputEdit = ({
onChange,
}: DoubleTextInputEditProps) => (
<StyledDoubleTextContainer>
<ComputeNodeDimensionsEffect node={firstValue || firstValuePlaceholder}>
<ComputeNodeDimensions node={firstValue || firstValuePlaceholder}>
{(nodeDimensions) => (
<StyledTextInput
width={nodeDimensions?.width}
@ -51,8 +51,8 @@ export const DoubleTextInputEdit = ({
}}
/>
)}
</ComputeNodeDimensionsEffect>
<ComputeNodeDimensionsEffect node={secondValue || secondValuePlaceholder}>
</ComputeNodeDimensions>
<ComputeNodeDimensions node={secondValue || secondValuePlaceholder}>
{(nodeDimensions) => (
<StyledTextInput
width={nodeDimensions?.width}
@ -64,6 +64,6 @@ export const DoubleTextInputEdit = ({
}}
/>
)}
</ComputeNodeDimensionsEffect>
</ComputeNodeDimensions>
</StyledDoubleTextContainer>
);

2
front/src/modules/ui/input/components/Toggle.tsx
View File

@ -20,7 +20,7 @@ const StyledContainer = styled.div<ContainerProps>`
`;
const StyledCircle = styled(motion.div)`
background-color: #fff;
background-color: ${({ theme }) => theme.background.primary};
border-radius: 50%;
height: 16px;
width: 16px;