fix: typescript lint errors

JoeDravarol · Feb 13, 2023 · 2690b6e · 2690b6e
1 parent 37c7f0a
commit 2690b6e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/src/components/Container.tsx b/src/components/Container.tsx
@@ -3,7 +3,11 @@ import React from 'react';
 
 import PatternDivide from '@/assets/patterns/pattern-divide.svg';
 
-const Container: React.FC<ContainerProps> = ({ children, ...rest }) => {
+type Props = ContainerProps & {
+  component?: React.ElementType
+}
+
+const Container: React.FC<Props> = ({ children, ...rest }) => {
   return (
     <MuiContainer sx={{ fontSize: 0 }} {...rest}>
       <PatternDivide />

diff --git a/src/components/NumberTextField.tsx b/src/components/NumberTextField.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 import IconMinus from '@/assets/icons/icon-minus.svg';
 import IconPlus from '@/assets/icons/icon-plus.svg';
 
-const StyledTextField = styled(TextField)(({ theme }) => ({
+const StyledTextField = styled(TextField)(() => ({
   height: 43,
   input: {
     fontSize: '1.25rem', // 20px
@@ -18,8 +18,7 @@ const StyledTextField = styled(TextField)(({ theme }) => ({
   },
 }));
 
-
-type Props  = TextFieldProps & {
+type Props = TextFieldProps & {
   handlePlusClick?: React.MouseEventHandler<HTMLButtonElement>;
   handleMinusClick?: React.MouseEventHandler<HTMLButtonElement>;
 }

diff --git a/src/pages/design-system.tsx b/src/pages/design-system.tsx
@@ -11,7 +11,7 @@ import Dropdown from '@/components/Dropdown';
 import NumberTextField from '@/components/NumberTextField';
 import TextField from '@/components/TextField';
 
-const HeaderContainer = styled(Box)(({ theme }) => ({
+const HeaderContainer = styled(Box)(() => ({
   width: 826,
   height: 200,
   marginInline: 'auto',
@@ -25,7 +25,7 @@ const FixedContainer = styled(Container)(({ theme }) => ({
   color: theme.palette.neutral.mirage,
 }));
 
-const ColorCircle = styled(Box)(({ theme }) => ({
+const ColorCircle = styled(Box)(() => ({
   height: 64,
   width: 64,
   borderRadius: '50%',
@@ -42,7 +42,7 @@ const TypographyGridContainer = styled(GridContainer)(({ theme }) => ({
   gridGap: theme.spacing(2.625),
 }));
 
-const ButtonsGridContainer = styled(GridContainer)(({ theme }) => ({
+const ButtonsGridContainer = styled(GridContainer)(() => ({
   gridTemplateColumns: '1fr 778px',
   gridGap: 'revert',
   alignItems: 'center',
@@ -60,7 +60,7 @@ const ButtonContainer = styled(Stack)(({ theme }) => ({
   alignItems: 'center',
 }));
 
-const ButtonStateTypography = styled(Typography)(({ theme }) => ({
+const ButtonStateTypography = styled(Typography)(() => ({
   fontSize: '0.813rem',
   lineHeight: '1.438rem',
   letterSpacing: 'revert',