Merge pull request #76 from DoTheZ-Team/GLUE-386-빌드-트리거

GLUE 386 이미지 로딩을 위한 config 수정

next.config.mjs

@@ -6,6 +6,12 @@ const nextConfig = {
     return config;
   },
   images: {
+    domains: [
+      process.env.NEXT_PUBLIC_STICKER_URL,
+      ,
+      process.env.NEXT_PUBLIC_IMAGE_URL,
+      'glueyourday.kro.kr',
+    ],
     remotePatterns: [
       {
         protocol: 'https',
@@ -19,7 +25,7 @@ const nextConfig = {
       },
       {
         protocol: 'http',
-        hostname: 'www.glueyourday.kro.kr',
+        hostname: 'glueyourday.kro.kr',
         port: '',
       },
     ],

src/app/(publish)/components/StickerFetcher/hooks/index.ts

@@ -45,6 +45,10 @@ export default function useFetchSticker() {
   useEffect(() => {
     setStickers([]);
     refetch();
+
+    return () => {
+      setStickers([]);
+    };
   }, [refetch]);
 
   return { stickers, fetchRef, isFetching };

src/app/(publish)/components/StickerPannel/index.tsx

@@ -1,22 +1,13 @@
 'use client';
 
-import { Dispatch, SetStateAction, useState } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 import { Button, Input, StickerClose, StickerStar } from '@/components/Common';
 import { cn } from '@/utils';
 import { AsyncBoundaryWithQuery } from '@/react-utils';
-import { Ghost, Github, Smile, Star } from '../../constants/dummyIcons';
 import useStickerPannel from './hooks/useStickerPannel';
 import StickerPannelRenderer from './components/StickerPannelRenderer';
 import StickerFetcher from '../StickerFetcher';
 
-// TODO: Icon이 선택되는 경우 색상이 변경되도록 attribute 설정
-const stickerTabs = [
-  { id: 0, Icon: Github },
-  { id: 1, Icon: Ghost },
-  { id: 2, Icon: Smile },
-  { id: 3, Icon: Star },
-] as const;
-
 interface StickerPannelProp {
   editable: boolean;
   setEditable: Dispatch<SetStateAction<boolean>>;
@@ -26,7 +17,6 @@ export default function StickerPannel({
   editable,
   setEditable,
 }: StickerPannelProp) {
-  const [selectedId, setSelectedId] = useState<number>(0);
   const {
     addStickerToPanel,
     showStickers,
@@ -89,23 +79,7 @@ export default function StickerPannel({
 
       {showStickers && (
         <section className="mt-20 overflow-scroll">
-          <div>
-            <div className="flex gap-2 px-20 mb-6">
-              {stickerTabs.map(({ id, Icon }) => (
-                <Icon
-                  key={id}
-                  className={cn(
-                    'w-34 h-34 p-5 cursor-pointer',
-                    id === selectedId && 'bg-[#FFEBDF] rounded-4',
-                  )}
-                  onClick={() => setSelectedId(id)}
-                  selected={id === selectedId}
-                />
-              ))}
-            </div>
-
-            <div className="w-full h-1 bg-[#D8D8D8]" />
-          </div>
+          <div className="w-full h-1 bg-[#D8D8D8]" />
 
           <AsyncBoundaryWithQuery>
             <StickerFetcher>