{displayName}
diff --git a/src/components/detail/Detail.module.scss b/src/components/detail/Detail.module.scss
index 8d39514..15b0c50 100644
--- a/src/components/detail/Detail.module.scss
+++ b/src/components/detail/Detail.module.scss
@@ -36,12 +36,12 @@
/*Pokemon - info*/
.pokemon__info__title {
text-align: left;
- width: 57px;
+ width: 64px;
font-weight: bold;
&.id,
&.title {
- width: 39px;
+ width: 43px;
}
}
diff --git a/src/components/mypage/Mypage.module.scss b/src/components/mypage/Mypage.module.scss
index 5577dc0..4604756 100644
--- a/src/components/mypage/Mypage.module.scss
+++ b/src/components/mypage/Mypage.module.scss
@@ -127,7 +127,6 @@
@media (max-width: 769px) {
font-size: 24px;
max-width: 350px;
- width: 80vw;
margin-top: 28px;
}
}
@@ -208,7 +207,6 @@
position: relative;
padding-top: 15px;
height: 100%;
- right: 158px;
&__btn {
width: 80px;
diff --git a/src/main.tsx b/src/main.tsx
index 81cb180..fc61054 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,13 +1,29 @@
import React from 'react';
-import ReactDOM from 'react-dom/client';
import App from './App.tsx';
import '@/styles/global.scss';
-import AuthGurad from './provider/AuthGurad';
+import AuthGuard from './provider/AuthGuard';
+import Meta from './Meta.tsx';
+import { HelmetProvider } from 'react-helmet-async';
+import { createRoot, hydrateRoot } from 'react-dom/client';
-ReactDOM.createRoot(document.getElementById('root')!).render(
-
-
-
-
- ,
-);
+const rootElement = document.getElementById('root');
+
+if (rootElement) {
+ const app = (
+
+
+
+
+
+
+
+
+ );
+
+ if (rootElement.hasChildNodes()) {
+ hydrateRoot(rootElement, app);
+ } else {
+ const root = createRoot(rootElement);
+ root.render(app);
+ }
+}
diff --git a/src/pages/card/card.tsx b/src/pages/card/card.tsx
index 914cafe..dcffc7b 100644
--- a/src/pages/card/card.tsx
+++ b/src/pages/card/card.tsx
@@ -1,8 +1,13 @@
+import Meta from '@/Meta';
import CardEditPage from '@/components/cardMaker/CardEditPage';
const Card = () => {
return (
);
diff --git a/src/pages/community/CommunityPage.tsx b/src/pages/community/CommunityPage.tsx
index aab76dd..8296907 100644
--- a/src/pages/community/CommunityPage.tsx
+++ b/src/pages/community/CommunityPage.tsx
@@ -2,11 +2,16 @@ import CommunityCardList from '@/components/community/CommunityCardList';
// import CommunityHeader from '@/components/community/CommunityHeader';
import CommunityLayout from './CommunityLayout';
import CommunityTitle from '@/components/community/CommunityTitle';
+import Meta from '@/Meta';
const CommunityPage = () => {
return (
-
+
+
{/* */}
diff --git a/src/pages/detail/detail.tsx b/src/pages/detail/detail.tsx
index a39bd91..40f4850 100644
--- a/src/pages/detail/detail.tsx
+++ b/src/pages/detail/detail.tsx
@@ -1,9 +1,14 @@
+import Meta from '@/Meta';
import Inner from '@/components/Inner';
import Detail from '@/components/detail/Detail';
const DetailPage = () => {
return (
+
diff --git a/src/pages/mypage/myPage.tsx b/src/pages/mypage/myPage.tsx
index e0a88ed..7ae20db 100644
--- a/src/pages/mypage/myPage.tsx
+++ b/src/pages/mypage/myPage.tsx
@@ -1,3 +1,4 @@
+import Meta from '@/Meta';
import Inner from '@/components/Inner';
import Mypage from '@/components/mypage/Mypage';
@@ -5,6 +6,10 @@ const myPage = () => {
return (
diff --git a/src/provider/AuthGurad.tsx b/src/provider/AuthGuard.tsx
similarity index 92%
rename from src/provider/AuthGurad.tsx
rename to src/provider/AuthGuard.tsx
index 6a68fa4..318eed6 100644
--- a/src/provider/AuthGurad.tsx
+++ b/src/provider/AuthGuard.tsx
@@ -1,4 +1,3 @@
-// useAuthState.ts 수정
import { ReactNode, useEffect, useState } from 'react';
import { getAuth, onAuthStateChanged } from 'firebase/auth';
import { app } from '@/firebase';