remove overrided style in NetflixIconButton

N4si · May 9, 2023 · a645027 · a645027
1 parent 14bc615
commit a645027
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/src/components/NetflixIconButton.tsx b/src/components/NetflixIconButton.tsx
@@ -6,20 +6,13 @@ const NetflixIconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
     return (
       <IconButton
         sx={{
-          p: 0,
           color: "white",
-          borderRadius: "50%",
           borderWidth: "2px",
           borderStyle: "solid",
           borderColor: "grey.700",
           "&:hover, &:focus": {
             borderColor: "grey.200",
           },
-          width: { xs: 36, sm: 40 },
-          height: { xs: 36, sm: 40 },
-          // "& > svg": {
-          //   fontSize: { xs: 36, sm: 40 },
-          // },
           ...sx,
         }}
         {...others}

diff --git a/src/components/SimilarVideoCard.tsx b/src/components/SimilarVideoCard.tsx
@@ -84,7 +84,7 @@ export default function SimilarVideoCard({ video }: SimilarVideoCardProps) {
               </Stack>
             </Box>
             <Box flexGrow={1} />
-            <NetflixIconButton size="large">
+            <NetflixIconButton>
               <AddIcon />
             </NetflixIconButton>
           </Stack>

diff --git a/src/components/VideoCardPortal.tsx b/src/components/VideoCardPortal.tsx
@@ -96,8 +96,11 @@ export default function VideoCardModal({
       <CardContent>
         <Stack spacing={1}>
           <Stack direction="row" spacing={1}>
-            <NetflixIconButton onClick={() => navigate(`/${MAIN_PATH.watch}`)}>
-              <PlayCircleIcon />
+            <NetflixIconButton
+              sx={{ p: 0 }}
+              onClick={() => navigate(`/${MAIN_PATH.watch}`)}
+            >
+              <PlayCircleIcon sx={{ width: 40, height: 40 }} />
             </NetflixIconButton>
             <NetflixIconButton>
               <AddIcon />