[feat] scrollTopbtn 취향추천 페이지에서 none 처리

Author: ahk0413

src/app/layout.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from 'next';
 import '@/shared/styles/global.css';
 import { Toaster } from 'react-hot-toast';
-import ScrollTopBtn from '@/shared/components/scrollTop/ScrollTopBtn';
 import Header from '@/shared/components/header/Header';
 import FooterWrapper from '@/shared/components/footer/FooterWrapper';
+import ScrollTopBtnWrapper from '@/shared/components/scrollTop/ScrollTopBtnWrapper';
 export const metadata: Metadata = {
   title: 'SSOUL',
   description: '칵테일을 좋아하는 사람들을 위한 서비스',
@@ -36,7 +36,7 @@ export default function RootLayout({
           }}
         />
 
-        <ScrollTopBtn />
+        <ScrollTopBtnWrapper />
       </body>
     </html>
   );

src/shared/components/scrollTop/ScrollTopBtnWrapper.tsx

@@ -0,0 +1,12 @@
+'use client';
+
+import { usePathname } from 'next/navigation';
+import ScrollTopBtn from './ScrollTopBtn';
+
+function ScrollTopBtnWrapper() {
+  const pathname = usePathname();
+  const showScroll = pathname !== '/recommend';
+
+  return showScroll ? <ScrollTopBtn /> : null;
+}
+export default ScrollTopBtnWrapper;