diff --git a/src/assets/icon/AlimSmallLogo.jpg b/src/assets/icon/AlimSmallLogo.jpg new file mode 100644 index 0000000..63f5832 Binary files /dev/null and b/src/assets/icon/AlimSmallLogo.jpg differ diff --git a/src/components/alim/AlimList.tsx b/src/components/alim/AlimList.tsx index 93a5b85..bf0c4f3 100644 --- a/src/components/alim/AlimList.tsx +++ b/src/components/alim/AlimList.tsx @@ -1,13 +1,10 @@ import React from 'react'; -import alim1 from '@/assets/icon/alim1.svg'; -import alim2 from '@/assets/icon/alim2.svg'; -import alim3 from '@/assets/icon/alim3.svg'; +import AlimSmallLogo from '@/assets/icon/AlimSmallLogo.jpg'; const initialAlimData: Alim[] = [ { id: 1, plantId: 1, - icon: alim1, plantName: '루밍이', alimContent: '루밍이는 비료가 필요해요.', day: '7일전', @@ -16,7 +13,6 @@ const initialAlimData: Alim[] = [ { id: 2, plantId: 1, - icon: alim2, plantName: '루밍이', alimContent: '식물 등록이 완료되었어요!', day: '1일전', @@ -25,7 +21,6 @@ const initialAlimData: Alim[] = [ { id: 3, plantId: 1, - icon: alim3, plantName: '루밍이', alimContent: '루밍이는 물이 필요해요.', day: '3일전', @@ -36,7 +31,6 @@ const initialAlimData: Alim[] = [ interface Alim { id: number; plantId: number; - icon: string; plantName: string; alimContent: string; day: string; @@ -49,27 +43,26 @@ const parseDay = (day: string): number => { }; const AlimItem: React.FC<{ alim: Alim; onClick: () => void }> = ({ alim, onClick }) => ( -
-
-
-
- {alim.plantName} - {!alim.read && ( -
- )} -
+
+
+
+ {alim.plantName} +
블루밍
+
+
+

{alim.day}

+ {!alim.read && ( +
+ )}
-
-

{alim.plantName}

-

{alim.alimContent}

-
-
-
-

{alim.day}

+

{alim.alimContent}

); diff --git a/src/pages/AlimDetail.tsx b/src/pages/AlimDetail.tsx index 13b49f9..ff0ba59 100644 --- a/src/pages/AlimDetail.tsx +++ b/src/pages/AlimDetail.tsx @@ -4,7 +4,7 @@ import Screen from '@/layouts/Screen'; const AlimDetail = () => { return ( - +