From f8637b53e9c20adba250f04fc11504547a64c27d Mon Sep 17 00:00:00 2001
From: JAEMOON <jaemoonzzang@naver.com>
Date: Thu, 26 Oct 2023 00:23:08 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20MyProfile=20=EB=B6=80=EB=B6=84=20?=
 =?UTF-8?q?=EC=9A=B0=EC=84=A0=20=EC=BB=A4=EB=B0=8B...=20=EB=82=B4=EC=9D=BC?=
 =?UTF-8?q?=20=EB=8B=A4=EC=8B=9C=20=ED=95=98=EC=A6=88=EC=95=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/liked/index.tsx    |  8 ++++----
 public/icons/def_img.svg | 12 ++++++++++++
 2 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 public/icons/def_img.svg

diff --git a/pages/liked/index.tsx b/pages/liked/index.tsx
index 7c67069..034180d 100644
--- a/pages/liked/index.tsx
+++ b/pages/liked/index.tsx
@@ -66,8 +66,8 @@ export default function Liked({ roomInfo }: MyPostingProps) {
         if (result?.error) {
           setRooms([]);
         } else {
-           setRooms((prevRooms) => [...prevRooms, ...(result?.content || [])]);
-           setTotalElements(result?.totalElements || 0);
+          setRooms((prevRooms) => [...prevRooms, ...(result?.content || [])]);
+          setTotalElements(result?.totalElements || 0);
         }
         // if (target?.current) {
         //   const observer = new IntersectionObserver(callback, options);
@@ -129,7 +129,7 @@ export default function Liked({ roomInfo }: MyPostingProps) {
     const getChildData = async (childData: Record<string, string>) => {
       makeFilters(childData);
       setPage(0);
-      //setRooms([]);
+      // setRooms([]);
     };
     const openFilterPopup = () => {
       openModal({
@@ -207,7 +207,7 @@ export default function Liked({ roomInfo }: MyPostingProps) {
           <div className={`mt-[20px] ${rooms.length - 1 === idx ? 'mb-[83px]' : ''}`} key={`room-${idx}`}>
             <RoomCard room={room} onClick={() => handleCardClick(room.id)} isLikedRooms />
           </div>
-        ))} 
+        ))}
         <div className="mt-[83px] fixed bottom-[-15px] w-full overflow-x-hidden left-[50%] translate-x-[-50%] px-[20px] max-w-max">
           <div className="w-full">
             <div className="mb-[13px] space-x-[8px] max-w-max">
diff --git a/public/icons/def_img.svg b/public/icons/def_img.svg
new file mode 100644
index 0000000..8780dcf
--- /dev/null
+++ b/public/icons/def_img.svg
@@ -0,0 +1,12 @@
+<svg width="92" height="93" viewBox="0 0 92 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="91" height="91" rx="45.5" fill="white"/>
+<rect x="0.5" y="0.5" width="91" height="91" rx="45.5" stroke="#E0E0E0"/>
+<circle cx="46" cy="38" r="17.25" fill="#FF8E00" fill-opacity="0.15" stroke="#FF8E00" stroke-width="1.5"/>
+<mask id="mask0_3082_10650" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="-1" width="94" height="94">
+<rect x="0.25" y="0.25" width="91.5" height="91.5" rx="45.75" fill="white"/>
+<rect x="0.25" y="0.25" width="91.5" height="91.5" rx="45.75" stroke="#E0E0E0" stroke-width="1.5"/>
+</mask>
+<g mask="url(#mask0_3082_10650)">
+<rect x="16.75" y="147.25" width="85.5" height="58.5" rx="28.75" transform="rotate(-90 16.75 147.25)" fill="#FF8E00" fill-opacity="0.15" stroke="#FF8E00" stroke-width="1.5"/>
+</g>
+</svg>