Feature/update storybook version (#124)

AboutClan · May 7, 2024 · fd4085f · fd4085f
2 parents 9aba4f0 + 41d4381
commit fd4085f
Show file tree

Hide file tree

Showing 6 changed files with 316 additions and 317 deletions.
diff --git a/components/molecules/boards/userTimeBoard/_component/BoardUserBlocks.tsx b/components/molecules/boards/userTimeBoard/_component/BoardUserBlocks.tsx
@@ -30,7 +30,7 @@ export default function BoardUserBlocks({ participants }: IBoardUserBlocks) {
     <BlocksContainer>
       {userBlocks?.map((userBlock, idx) => (
         <UserBlock key={idx} index={idx} userBlock={userBlock}>
-          <div className="font-semibold">{userBlock.name}</div>
+          <div>{userBlock.name}</div>
           <div>
             {userBlock.start}~{userBlock.end}
           </div>
@@ -47,7 +47,7 @@ const BlocksContainer = styled.div`
   padding-top: 28px; /* pt-7 */
 `;
 
-const UserBlock = styled.div`
+const UserBlock = styled.div<{ index: number; userBlock: IUserTimeBlock }>`
   background-color: ${(props) => COLOR_TABLE[props.index % COLOR_TABLE.length]};
   height: 36px; /* h-9 */
   position: relative;

diff --git a/components/organisms/sliders/ImageTileSlider.tsx b/components/organisms/sliders/ImageTileSlider.tsx
@@ -5,9 +5,8 @@ import "swiper/css/scrollbar";
 
 import { AspectRatio, Box } from "@chakra-ui/react";
 import Image from "next/image";
-import Link from "next/link";
-import styled from "styled-components";
-import css from "styled-jsx/css";
+import Link, { LinkProps } from "next/link";
+import styled, { css } from "styled-components";
 import SwiperCore from "swiper";
 import { Navigation, Pagination } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
@@ -64,7 +63,7 @@ function ImageTileSlider({ imageTileArr, size, aspect = 1, slidesPerView }: IIma
   );
 }
 
-const CustomLink = styled(Link)<{ size: Size }>`
+const CustomLink = styled(Link)<{ size: Size } & LinkProps>`
   display: flex;
   flex-direction: column;
   background-color: white;