From 740b06b5c1e920129f1cf5657b381d4cc397ee9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=98=81=EC=9A=B0?= <zestlee1106@gmail.com>
Date: Tue, 26 Dec 2023 20:50:29 +0900
Subject: [PATCH] =?UTF-8?q?[fix]=20liked=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Header/Header.tsx |  4 +++-
 pages/liked/index.tsx        | 37 ++++--------------------------------
 2 files changed, 7 insertions(+), 34 deletions(-)

diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx
index 2c33ae4..8e8888e 100644
--- a/components/Header/Header.tsx
+++ b/components/Header/Header.tsx
@@ -72,7 +72,9 @@ export default function Header({
 
   return (
     <div
-      className={`${backGroundColor} w-full h-[54px] text-center z-[999] fixed max-w-max ${styles.container} border-b-[1px]`}
+      className={`${backGroundColor} w-full h-[54px] text-center z-[999] fixed max-w-max ${styles.container} ${
+        bgColor !== 'transparent' ? 'border-b-[1px]' : ''
+      }`}
     >
       {type === 'logo' && (
         <div className="flex w-full">
diff --git a/pages/liked/index.tsx b/pages/liked/index.tsx
index 05d9c0d..a58bcc8 100644
--- a/pages/liked/index.tsx
+++ b/pages/liked/index.tsx
@@ -3,7 +3,7 @@ import React, { useRef, useEffect, useState } from 'react';
 import NoLiked from '@/public/icons/noLiked.svg';
 import useModal from '@/hooks/useModal';
 import DefaultLayout from '@/components/layouts/DefaultLayout';
-import { Nav, Typography, Chip } from '@/components/index.tsx';
+import { Nav, Typography, Chip, Select } from '@/components/index.tsx';
 import { useRouter } from 'next/router';
 import { RoomSearch } from '@/public/types/room';
 import { getLikedRooms } from '@/api/userInfo';
@@ -180,29 +180,9 @@ export default function Liked({ roomInfo }: MyPostingProps) {
     };
     return (
       <div>
-        <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }} className="mb-[8px]">
-          <FilterImg
-            className="stroke-g7 stroke-[2] cursor-pointer "
-            onClick={openFilterPopup}
-            style={{ alignSelf: 'flex-start' }}
-          />
-          {filters.map((label, index) => {
-            return (
-              <div style={{ marginLeft: index === 0 ? '4px' : '0', marginRight: '-4px' }} key={index}>
-                <Chip
-                  key={`${label}-${index}`}
-                  label={label}
-                  onDelete={() => handleOptionRemove?.(label, index)}
-                  onChipClick={() => handleChipClick?.(label)}
-                  clicked={handlePropsClick?.(label, index)}
-                />
-              </div>
-            );
-          })}
+        <div className="font-semibold pt-[16px]">
+          You have liked <span className="text-r1">{totalElements} rooms</span>
         </div>
-        <Typography variant="body" customClassName="text-left font-bold text-[16px] text-g7">
-          There are <span className="text-r1">{`${totalElements} rooms`}</span> in total!
-        </Typography>
         {rooms.map((room, idx) => (
           <div className={`mt-[20px] ${rooms.length - 1 === idx ? 'mb-[83px]' : ''}`} key={`room-${idx}`}>
             <RoomCard room={room} onClick={() => handleCardClick(room.id)} isLikedRooms />
@@ -223,17 +203,8 @@ export default function Liked({ roomInfo }: MyPostingProps) {
 }
 
 Liked.getLayout = function getLayout(page: React.ReactElement) {
-  const handleGoBack = () => {
-    window.history.back();
-  };
   return (
-    <DefaultLayout
-      type="title"
-      title="Liked"
-      handleButtonClick={handleGoBack}
-      titleStyle="pt-[14.5px] font-pretendard font-medium text-[18px]"
-      titleCenter
-    >
+    <DefaultLayout type="title" title="Liked" titleCenter>
       {page}
     </DefaultLayout>
   );