diff --git a/src/app/village/page.tsx b/src/app/village/page.tsx index 006c9b8..a1b7125 100644 --- a/src/app/village/page.tsx +++ b/src/app/village/page.tsx @@ -4,19 +4,20 @@ import { useState } from 'react'; -import { Box, CardMedia, Divider, Stack, Typography } from "@mui/material"; +// src/app/village/page.tsx +import { Box, CardMedia, Divider, Stack, Typography } from '@mui/material'; +import CommentCard from '@/components/CommentCard'; import GradientBox from '@/components/GradientBox'; import KakaoMapComponent from '@/components/KakaoMapComponent'; import NewsCardHorizontal from '@/components/NewsCardHorizontal'; import NewsCardVertical from '@/components/NewsCardVertical'; import color from '@/constants/color'; import hiddenGems from '@/mocks/villages'; -import { Article, Village } from '@/types'; -import CommentCard from "@/components/CommentCard"; +import { Village } from '@/types'; const Page = () => { - const [articles, setArticles] = useState(hiddenGems); + const [villages] = useState(hiddenGems); return ( @@ -27,7 +28,7 @@ const Page = () => { 오늘의 마을 - {articles.slice(0, 3).map((article, index) => ( + {villages.slice(0, 3).map((article, index) => ( { 지도에서 보는 마을 - + - {articles.slice(3).map((filteredItem, index) => ( + {villages.slice(3).map((filteredItem, index) => ( { { image="/images/sanjinee.png" sx={{ width: 50, height: 50, minWidth: 50, objectFit: 'contain', marginRight: 1 }} /> - + 잊혀져 가는 마을,{'\n'}함께 지켜요! 🌿 } + sx={{ textAlign: 'center', fontSize: 14 }} />