diff --git a/src/components/features/MyPage/Order/FarmList.tsx b/src/components/features/MyPage/Order/FarmList.tsx index 55a57d5..77f4fd5 100644 --- a/src/components/features/MyPage/Order/FarmList.tsx +++ b/src/components/features/MyPage/Order/FarmList.tsx @@ -2,10 +2,11 @@ import { useState } from "react"; import { Flex, Button, Text } from "@chakra-ui/react"; import farm1 from "@assets/Image/Farm/Farm1.png"; import Image from "@components/common/Image"; +import { Farm } from "@type/index"; import ContactNumberModal from "./ContactNumberModal"; import ReviewModal from "./ReviewModal"; -const FarmList = () => { +const FarmList = ({ item }: { item: Farm }) => { const [isReviewModalOpen, setIsReviewModalOpen] = useState(false); const [isContactModalOpen, setIsContactModalOpen] = useState(false); @@ -27,11 +28,8 @@ const FarmList = () => { return ( - - 2024.09.14 - - 지민이네 복숭아 농장 + {item.name} Farm image @@ -41,7 +39,7 @@ const FarmList = () => { 주소 :  - 부산대학교 금정구 중앙대로 1616 + {item.address} @@ -49,7 +47,7 @@ const FarmList = () => { 한 줄 소개 - 가끔 지민은 학교에서 심각하게 집에 가고싶을 때마다 달달한 복숭아 아이스티를 마시며 향수병을 달랩니다. + {item.description} diff --git a/src/mocks/mockItem/mockFarms.ts b/src/mocks/mockItem/mockFarms.ts index b725c57..ba0df62 100644 --- a/src/mocks/mockItem/mockFarms.ts +++ b/src/mocks/mockItem/mockFarms.ts @@ -5,26 +5,40 @@ const mockFarms: Farm[] = [ id: 1, name: "건호 농장", address: "부산진구 개금동", + description: + "가끔 지민은 학교에서 심각하게 집에 가고싶을 때마다 달달한 복숭아 아이스티를 마시며 향수병을 달랩니다.", + date: "2024.09.14", }, { id: 2, name: "토마토 농장", address: "부산 장전동", + description: + "가끔 지민은 학교에서 심각하게 집에 가고싶을 때마다 달달한 복숭아 아이스티를 마시며 향수병을 달랩니다.", + date: "2024.10.14", }, { id: 3, name: "지민 농장", address: "경남 양산시 덕게동", + description: + "가끔 지민은 학교에서 심각하게 집에 가고싶을 때마다 달달한 복숭아 아이스티를 마시며 향수병을 달랩니다.", + date: "2024.09.24", }, { id: 4, name: "할로윈 농장", address: "청담 에이프릴 영어학원", + description: + "가끔 지민은 학교에서 심각하게 집에 가고싶을 때마다 달달한 복숭아 아이스티를 마시며 향수병을 달랩니다.", + date: "2024.09.12", }, { id: 5, name: "가지싫어 농장", address: "부산 해운대구 반송동", + description: "가끔 지민은 학교에서 심각하게 집에 가고싶을 때마다 가지를 먹으며 향수병을 달랩니다.", + date: "2024.09.04", }, ]; diff --git a/src/pages/MyPage/FarmListPage.tsx b/src/pages/MyPage/FarmListPage.tsx index e89e018..35d75ae 100644 --- a/src/pages/MyPage/FarmListPage.tsx +++ b/src/pages/MyPage/FarmListPage.tsx @@ -1,22 +1,32 @@ -import farm6 from "@assets/Image/Farm/Farm6.png"; +import { Flex, Text } from "@chakra-ui/react"; import ListView from "@components/ItemView/ListView"; import Card from "@components/common/Card"; import FarmList from "@components/features/MyPage/Order/FarmList"; import mockFarms from "@mocks/mockItem/mockFarms"; import { Farm } from "@type/index"; -const farmListData: Farm[] = mockFarms.map((farm, index) => ({ - id: farm.id, - date: `2024.09.${index + 14}`, - name: farm.name, - address: farm.address, - description: "기본 설명입니다.", - profile: farm6, -})); +const sortedFarms = mockFarms.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()); + +const groupedFarms = sortedFarms.reduce((acc, cur) => { + const last = acc[acc.length - 1]; + if (!last || last[0].date !== cur.date) { + acc.push([cur]); + } else { + last.push(cur); + } + return acc; +}, []); const FarmListPage = () => ( - + {groupedFarms.map(farms => ( + + + {farms[0].date} + + + + ))} ); diff --git a/src/types/index.ts b/src/types/index.ts index d810f3d..ca29c5f 100644 --- a/src/types/index.ts +++ b/src/types/index.ts @@ -6,6 +6,8 @@ export type Farm = Item & { name: string; address: string; profile?: string; + description: string; + date: string; }; export type Product = Item & {