fix: 융합 교육원 로그인 시 기능 제한

Author: dongmin0204

apps/farminglog/src/components/Header/Header.tsx

@@ -13,6 +13,7 @@ import useMediaQueries from "@/hooks/useMediaQueries";
 import Popup from "@/components/Popup/popup";
 import { useUserInfoQuery } from "@repo/auth/services/query/useUserInfoQuery";
 import { convertTrackToString } from "@/utils/convertTrackToString";
+import Cookies from "js-cookie";
 
 const navItems = [
   { label: "홈", path: "/home" },
@@ -32,10 +33,11 @@ export default function Header() {
   const { isMobile, isTablet } = useMediaQueries();
 
   const { data: user } = useUserInfoQuery();
+  const isLimited = Cookies.get("limitWrite") === "true";
 
-  const name = user?.name;
-  const profileImageUrl = user?.profileImageUrl;
-  const totalSeed = user?.totalSeed;
+  const name = isLimited ? "" : user?.name;
+  const profileImageUrl = isLimited ? undefined : user?.profileImageUrl;
+  const totalSeed = isLimited ? 0 : user?.totalSeed;
 
   const handleNavigation = (path: string) => {
     navigate(path);
@@ -64,6 +66,7 @@ export default function Header() {
       <S.ProfileContainer
         $isMobile={isMobile}
         onClick={(e) => {
+          if (isLimited) return; // 제한 모드에서는 팝업 비활성화
           e.stopPropagation();
           setProfilePopupOpen(true);
         }}
@@ -75,10 +78,12 @@ export default function Header() {
         />
         <S.ProfileName $isMobile={isMobile}>{name || ""}</S.ProfileName>
       </S.ProfileContainer>
-      <S.RecordCount $isMobile={isMobile} $isTablet={isTablet}>
-        <span className="seed-text">내 씨앗</span>
-        <span className="seed-count">{totalSeed ?? 0}</span>
-      </S.RecordCount>
+      {!isLimited && (
+        <S.RecordCount $isMobile={isMobile} $isTablet={isTablet}>
+          <span className="seed-text">내 씨앗</span>
+          <span className="seed-count">{totalSeed ?? 0}</span>
+        </S.RecordCount>
+      )}
     </S.ProfileAndSeedContainer>
   );
 
@@ -171,19 +176,21 @@ export default function Header() {
       </S.HeaderContainer>
 
       {/* 프로필 팝업 */}
-      <Popup
-        isOpen={isProfilePopupOpen}
-        onClose={() => setProfilePopupOpen(false)}
-        variant="MYPAGE"
-        userName={user?.name}
-        generationAndPart={
-          user?.generation && user?.track
-            ? `${user.generation}기 ${convertTrackToString(user.track)}`
-            : "기수 정보 없음"
-        }
-        profileImg={user?.profileImageUrl}
-        hasLogout={true}
-      />
+      {!isLimited && (
+        <Popup
+          isOpen={isProfilePopupOpen}
+          onClose={() => setProfilePopupOpen(false)}
+          variant="MYPAGE"
+          userName={user?.name}
+          generationAndPart={
+            user?.generation && user?.track
+              ? `${user.generation}기 ${convertTrackToString(user.track)}`
+              : "기수 정보 없음"
+          }
+          profileImg={user?.profileImageUrl}
+          hasLogout={true}
+        />
+      )}
     </>
   );
 }

apps/farminglog/src/pages/home/Harvest/harvest.tsx

@@ -9,6 +9,7 @@ import { useAttendMutation } from "../../../services/mutation/useAttendMutation"
 import { useTodaySeedQuery } from "../../../services/query/useTodaySeedQuery";
 import Popup from "@/components/Popup/popup";
 import Info from "@/assets/Icons/info.png";
+import Cookies from "js-cookie";
 
 interface StageProps {
   text: string;
@@ -32,6 +33,7 @@ const { data: todaySeed, refetch } = useTodaySeedQuery();
   const [isInfoOpen, setInfoOpen] = useState(false);
   const [isAlready, setIsAlready] = useState(false);
   const [showAnimationAfterModal, setShowAnimationAfterModal] = useState<number | null>(null);
+  const [isLimitedPopup, setIsLimitedPopup] = useState(false);
 
   const buttonRefs = [
     useRef<HTMLDivElement>(null),
@@ -77,6 +79,11 @@ const { data: todaySeed, refetch } = useTodaySeedQuery();
   };
 
   const handleButtonClick = async (index: number, link?: string) => {
+    const isLimited = Cookies.get("limitWrite") === "true";
+    if (isLimited) {
+      setIsLimitedPopup(true);
+      return;
+    }
     const isCompleted = todaySeed
       ? index === 0
         ? todaySeed.isAttendance
@@ -257,6 +264,14 @@ const { data: todaySeed, refetch } = useTodaySeedQuery();
         subMessage="내일 다시 와주세요!"
         confirmLabel="확인"
       />
+      <Popup
+        isOpen={isLimitedPopup}
+        onClose={() => setIsLimitedPopup(false)}
+        variant="MESSAGE"
+        mainMessage="제한 계정은 이용할 수 없습니다."
+        subMessage="관리자에게 문의해주세요."
+        confirmLabel="확인"
+      />
     </>
   );
 }

packages/router/protectedLoader.tsx

@@ -1,13 +1,28 @@
 import { redirect } from "react-router";
 import { getClientSideTokens } from "../api/utils/getClientSideTokens";
+import Cookies from "js-cookie";
 
 export const protectedLoader = async ({ request }: { request: Request }) => {
   if (typeof window !== "undefined") {
     const tokens = getClientSideTokens();
+    const url = new URL(request.url);
+    const pathname = url.pathname;
+
+    // 제한된 기능(글 작성, 출석/게임 등) 차단
+    const isLimited = Cookies.get("limitWrite") === "true";
+    const restrictedPaths = new Set([
+      "/cheer/write",
+      "/farminglog/create",
+      "/farminglog/edit",
+      "/game",
+    ]);
+
+    if (isLimited && restrictedPaths.has(pathname)) {
+      return redirect("/home");
+    }
 
     if (!tokens?.accessToken) {
-      const url = new URL(request.url);
-      return redirect(`/?from=${url.pathname}`);
+      return redirect(`/?from=${pathname}`);
     }
   }