feat: 후원사 표시 기능 추가 및 App 컴포넌트 구조 개선

Author: y00eunji

apps/pyconkr/src/App.tsx

@@ -1,27 +1,39 @@
 import * as Common from "@frontend/common";
 import React from "react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
 import { SponsorProvider } from "./contexts/SponsorContext";
 
 import MainLayout from "./components/layout";
 import { Test } from "./components/pages/test";
 import { IS_DEBUG_ENV } from "./consts/index.ts";
 
-export const App: React.FC = () => {
+// 스폰서를 표시할 페이지 경로 설정
+const SPONSOR_VISIBLE_PATHS = ["/"];
+
+const AppContent = () => {
+  const location = useLocation();
+  const shouldShowSponsor = SPONSOR_VISIBLE_PATHS.includes(location.pathname);
+
   return (
-    <SponsorProvider>
-      <BrowserRouter>
-        <Routes>
-          <Route element={<MainLayout />}>
-            {IS_DEBUG_ENV && <Route path="/debug" element={<Test />} />}
-            <Route
-              path="/pages/:id"
-              element={<Common.Components.PageIdParamRenderer />}
-            />
-            <Route path="*" element={<Common.Components.RouteRenderer />} />
-          </Route>
-        </Routes>
-      </BrowserRouter>
+    <SponsorProvider initialVisibility={shouldShowSponsor}>
+      <Routes>
+        <Route element={<MainLayout />}>
+          {IS_DEBUG_ENV && <Route path="/debug" element={<Test />} />}
+          <Route
+            path="/pages/:id"
+            element={<Common.Components.PageIdParamRenderer />}
+          />
+          <Route path="*" element={<Common.Components.RouteRenderer />} />
+        </Route>
+      </Routes>
     </SponsorProvider>
   );
 };
+
+export const App: React.FC = () => {
+  return (
+    <BrowserRouter>
+      <AppContent />
+    </BrowserRouter>
+  );
+};

apps/pyconkr/src/contexts/SponsorContext.tsx

@@ -2,20 +2,24 @@ import { createContext, useContext, useState, ReactNode } from "react";
 
 interface SponsorContextType {
   isVisible: boolean;
-  toggleVisibility: () => void;
+  setIsVisible: (value: boolean) => void;
 }
 
 const SponsorContext = createContext<SponsorContextType | undefined>(undefined);
 
-export function SponsorProvider({ children }: { children: ReactNode }) {
-  const [isVisible, setIsVisible] = useState(true);
+interface SponsorProviderProps {
+  children: ReactNode;
+  initialVisibility?: boolean;
+}
 
-  const toggleVisibility = () => {
-    setIsVisible((prev) => !prev);
-  };
+export function SponsorProvider({
+  children,
+  initialVisibility = false,
+}: SponsorProviderProps) {
+  const [isVisible, setIsVisible] = useState(initialVisibility);
 
   return (
-    <SponsorContext.Provider value={{ isVisible, toggleVisibility }}>
+    <SponsorContext.Provider value={{ isVisible, setIsVisible }}>
       {children}
     </SponsorContext.Provider>
   );