diff --git a/src/calendar/Calendarr.jsx b/src/calendar/Calendarr.jsx index 66f8f06..4459704 100644 --- a/src/calendar/Calendarr.jsx +++ b/src/calendar/Calendarr.jsx @@ -12,7 +12,7 @@ import ko from "date-fns/locale/ko"; import DatePicker from "react-datepicker"; import "../../node_modules/react-datepicker/dist/react-datepicker.css"; import "../../node_modules/react-datepicker/dist/react-datepicker.module.css"; -import { useParams } from "react-router-dom"; +import { useParams, useNavigate } from "react-router-dom"; import styles from "./Calendarr.module.css"; import Header from "../header/Header"; @@ -31,6 +31,7 @@ function Calendarr() { const [data, setData] = useState([]); const params = useParams(); const id = params.postId; + const navigate = useNavigate(); // const [isSelected, setIsSelected] = useState(false); useEffect(() => { calendarRef.current.setFocus(); @@ -154,7 +155,12 @@ function Calendarr() { />

*/} - + diff --git a/src/grid/Grid.jsx b/src/grid/Grid.jsx index 98ecf52..2d4e040 100644 --- a/src/grid/Grid.jsx +++ b/src/grid/Grid.jsx @@ -11,7 +11,7 @@ function Grid() { // API 호출 fetch("https://api.zionhann.shop/app/makeup/posts") .then((response) => response.json()) - .then((data) => setData(data.data)); + .then((data) => setData(data.data.sort((a, b) => b.postId - a.postId))); }, []); const handleContainerClick = (postid) => { @@ -60,7 +60,7 @@ function Grid() { style={{ backgroundImage: `url(${item.imageUrl})` }} >
- {truncate(item.text, 12)} + # {truncate(item.title, 12)}
{ const { open, setOpen } = props; + const navigate = useNavigate(); const closeModal = () => { setOpen(false); + navigate("/"); }; return (