fix: 차단 모달 닉네임 추가

Author: yoo-nji

dev-dist/sw.js

@@ -79,7 +79,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
    */
   workbox.precacheAndRoute([{
     "url": "index.html",
-    "revision": "0.1kau0siulq"
+    "revision": "0.koc340e0a3g"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

src/layouts/header/HeaderWithBack.tsx

@@ -2,7 +2,7 @@ import { addBlockList } from '@/apis/blockList';
 import MoreOptionsSelect from '@/components/MoreOptionsSelect';
 import HedaerLayout from '@/layouts/header/HedaerLayout';
 import { useModalStore } from '@/store/modalStore';
-import { useSheetStore } from '@/store/sheetStore';
+import { useUserStore } from '@/store/userStore';
 import backIcon from '@assets/icons/back-icon.svg';
 import { useNavigate, useParams } from 'react-router';
 
@@ -17,16 +17,17 @@ function HeaderWithBack({ showMoreOptions = false, text }: HeaderWithBackProps)
   const param = useParams();
 
   const { openModal, closeModal } = useModalStore();
-  const { currentRecord } = useSheetStore();
+  const { userData } = useUserStore(); // 차단할 유저 정보
+
   // 임시함수
   const handleBlockUser = async () => {
-    if (!param.userId || !currentRecord) {
+    if (!param.userId) {
       console.log('차단 실패');
       return;
     }
 
     openModal({
-      title: `${currentRecord?.nickName}님을 차단할까요?`,
+      title: `${userData?.nickname}을 차단할까요?`,
       message: '차단된 사용자는 더이상 피드에 나타나지 않습니다',
       onConfirm: async () => {
         if (param.userId) {

src/pages/userprofile/UserProfile.tsx

@@ -9,6 +9,7 @@ import { useEffect, useState } from 'react';
 import { useNavigate, useParams } from 'react-router';
 import { useInView } from 'react-intersection-observer';
 import EmotionRecordCardList from '@/pages/userprofile/components/EmotionRecordCardList';
+import { useUserStore } from '@/store/userStore';
 
 // 마이페이지 / 유저페이지 동시에 사용
 function UserProfile({ isMyPage }: { isMyPage: boolean }) {
@@ -18,6 +19,7 @@ function UserProfile({ isMyPage }: { isMyPage: boolean }) {
   const { openSheet, closeSheet } = useSheetStore(); // 시트
   const { openModal, closeModal } = useModalStore(); // 모달
   const queryClient = useQueryClient(); // useMutation 사용
+  const { setUserData } = useUserStore(); // 유저 정보 전역 저장
 
   const { ref, inView } = useInView();
 
@@ -27,6 +29,13 @@ function UserProfile({ isMyPage }: { isMyPage: boolean }) {
     queryFn: () => (isMyPage ? getMyProfile() : getUserProfile(userId as string)),
   });
 
+  // 유저 정보 전역 저장
+  useEffect(() => {
+    if (userData?.data) {
+      setUserData(userData.data);
+    }
+  }, [userData, setUserData]);
+
   const {
     data: emotionRecords,
     fetchNextPage,

src/store/userStore.ts

@@ -0,0 +1,11 @@
+import { create } from 'zustand';
+
+interface UserState {
+  userData: UserInfo | null;
+  setUserData: (userData: UserInfo | null) => void;
+}
+
+export const useUserStore = create<UserState>((set) => ({
+  userData: null,
+  setUserData: (userData) => set({ userData }),
+}));