fix: 스타일 관련 코드 수정 및 불필요한 요소 제거

prgrms-web-devcourse · Jun 17, 2024 · 14a6b84 · 14a6b84
1 parent 5dd3e60
commit 14a6b84
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 16 deletions.
diff --git a/src/stories/bookgroup/SimpleGroup.stories.tsx b/src/stories/bookgroup/SimpleGroup.stories.tsx
@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import SimpleGroup from '@/v1/bookgroup/SimpleGroup';
 
 const meta: Meta<typeof SimpleGroup> = {
-  title: 'Base/SimpleGroup',
+  title: 'BookGroup/SimpleGroup',
   component: SimpleGroup,
   tags: ['autodocs'],
 };
@@ -20,7 +20,7 @@ export const Default: Story = {
     title: '데일카네기 인간관계론',
     imageSource: 'https://image.yes24.com/goods/79297023/XL',
     isOwner: false,
-    eventHandler: moveGroupDetail,
+    handleClick: moveGroupDetail,
   },
 };
 
@@ -29,6 +29,6 @@ export const OwnerCase: Story = {
     title: '데일카네기 인간관계론',
     imageSource: 'https://image.yes24.com/goods/79297023/XL',
     isOwner: true,
-    eventHandler: moveGroupDetail,
+    handleClick: moveGroupDetail,
   },
 };
diff --git a/src/v1/bookgroup/SimpleGroup.tsx b/src/v1/bookgroup/SimpleGroup.tsx
@@ -4,30 +4,28 @@ interface SimpleGroupProps {
   title: string;
   isOwner: boolean;
   imageSource: string;
-  eventHandler: () => void;
+  handleClick: () => void;
 }
 
 const SimpleGroup = ({
   title,
   isOwner,
-  eventHandler,
+  handleClick,
   imageSource,
 }: SimpleGroupProps) => {
   return (
     <div
       className="flex h-[15rem] w-[10rem] flex-col gap-[0.5rem]"
-      onClick={eventHandler}
+      onClick={handleClick}
     >
-      <div className="flex h-[11.6rem] w-[10rem] items-center justify-center rounded-[0.534rem] bg-orange-100">
-        <div className="h-[8.4rem] w-[6.4rem]">
-          <Image
-            src={imageSource}
-            alt="bookgroup"
-            width={64}
-            height={84}
-            style={{ width: '6.4rem', height: '8.4rem' }}
-          />
-        </div>
+      <div className="h-[11.6rem] w-[10rem] rounded-[0.534rem] bg-orange-100 px-[1.8rem] py-[1.6rem]">
+        <Image
+          src={imageSource}
+          alt="bookgroup"
+          width={64}
+          height={84}
+          className="h-[8.4rem] w-[6.4rem] rounded-[0.412rem]"
+        />
       </div>
       <div>
         <p className="break-keep text-center">