🚑 fix: 관리자 페이지 타이틀 수정 (#313)

dnd-side-project · Apr 25, 2024 · 9ed6ea8 · 9ed6ea8
1 parent d963300
commit 9ed6ea8
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 26 deletions.
diff --git a/src/AdminApp.tsx b/src/AdminApp.tsx
@@ -5,34 +5,31 @@ import Background from '@/components/Background';
 import BackgroundImg from '@/assets/background.png';
 import UnknownErrorBoundary from '@/components/ErrorBoundary/UnknownErrorBoundary';
 import ApiErrorBoundary from '@/components/ErrorBoundary/ApiErrorBoundary';
+import TitleHelmet from '@/components/TitleHelmet';
 import RootUnknownFallback from './components/ErrorBoundary/fallback/RootUnknownFallback';
 import RootApiFallback from './components/ErrorBoundary/fallback/RootApiFallback';
 import 'react-toastify/dist/ReactToastify.css';
 
 const AdminApp = () => {
   return (
-    <Background imageUrl={BackgroundImg}>
-      <button
-        onClick={() => {
-          throw new Error('Sentry 테스트');
-        }}
-      >
-        Sentry 수집 테스트
-      </button>
-      <UnknownErrorBoundary FallbackComponent={RootUnknownFallback}>
-        <ApiErrorBoundary FallbackComponent={RootApiFallback}>
-          <Outlet />
-        </ApiErrorBoundary>
-      </UnknownErrorBoundary>
-      <ToastContainer
-        autoClose={1500}
-        css={css({
-          margin: '4rem 0 5rem 0',
-          padding: '0 1rem',
-          boxSizing: 'border-box',
-        })}
-      />
-    </Background>
+    <>
+      <TitleHelmet />
+      <Background imageUrl={BackgroundImg}>
+        <UnknownErrorBoundary FallbackComponent={RootUnknownFallback}>
+          <ApiErrorBoundary FallbackComponent={RootApiFallback}>
+            <Outlet />
+          </ApiErrorBoundary>
+        </UnknownErrorBoundary>
+        <ToastContainer
+          autoClose={1500}
+          css={css({
+            margin: '4rem 0 5rem 0',
+            padding: '0 1rem',
+            boxSizing: 'border-box',
+          })}
+        />
+      </Background>
+    </>
   );
 };
 

diff --git a/src/App.tsx b/src/App.tsx
@@ -7,15 +7,15 @@ import BackgroundImg from '@/assets/background.png';
 import Audio from '@/components/Audio';
 import UnknownErrorBoundary from '@/components/ErrorBoundary/UnknownErrorBoundary';
 import ApiErrorBoundary from '@/components/ErrorBoundary/ApiErrorBoundary';
-import TitleMelmet from '@/components/TitleMelmet';
+import TitleHelmet from '@/components/TitleHelmet';
 import RootUnknownFallback from './components/ErrorBoundary/fallback/RootUnknownFallback';
 import RootApiFallback from './components/ErrorBoundary/fallback/RootApiFallback';
 import 'react-toastify/dist/ReactToastify.css';
 
 const App = () => {
   return (
     <>
-      <TitleMelmet />
+      <TitleHelmet />
       <Background imageUrl={BackgroundImg}>
         <div css={styles.root}>
           <UnknownErrorBoundary FallbackComponent={RootUnknownFallback}>

diff --git a/src/components/TitleMelmet/index.tsx → src/components/TitleHelmet/index.tsx b/src/components/TitleMelmet/index.tsx → src/components/TitleHelmet/index.tsx
@@ -2,7 +2,7 @@ import { Helmet } from 'react-helmet-async';
 import { useLocation } from 'react-router-dom';
 import { getCurrentPageTitle } from '@/utils/routeUtils';
 
-const TitleMelmet = () => {
+const TitleHelmet = () => {
   const location = useLocation();
   const currentPageTitle = getCurrentPageTitle(location.pathname);
 
@@ -17,4 +17,4 @@ const TitleMelmet = () => {
   );
 };
 
-export default TitleMelmet;
+export default TitleHelmet;