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}
@@ -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 & {