Revert "24.12.03 (#63)"

This reverts commit 0bd5851.
ai-surfers · Dec 3, 2024 · 045de6e · 045de6e
1 parent 0bd5851
commit 045de6e
Show file tree

Hide file tree

Showing 19 changed files with 121 additions and 469 deletions.
diff --git a/index.html b/index.html
@@ -1,50 +1,30 @@
 <!DOCTYPE html>
 <html lang="ko">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/logo.png" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link
-            rel="stylesheet"
-            as="style"
-            crossorigin
-            href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
-        />
-        <link
-            rel="stylesheet"
-            type="text/css"
-            charset="UTF-8"
-            href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"
-        />
-        <link
-            rel="stylesheet"
-            type="text/css"
-            href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
-        />
-        <title>
-            포켓 프롬프트 - ChatGPT 프롬프트 모음 | AI 프롬프트 템플릿 저장소
-        </title>
-        <meta
-            name="”keywords”"
-            content="ChatGPT 프롬프트, AI 프롬프트 템플릿, 프롬프트 엔지니어링, 프롬프트 모음, AI 활용법, 프롬프트 저장, 프롬프트 공유, ChatGPT 활용, Claude 프롬프트"
-        />
-
-        <!-- 기본 메타 정보 -->
-        <meta property="og:type" content="website" />
-        <meta property="og:url" content="https://pocket-prompt.com/" />
-        <meta
-            property="og:title"
-            content="포켓 프롬프트 - ChatGPT 프롬프트 모음 | AI 프롬프트 템플릿 저장소"
-        />
-        <meta property="og:image" content="/image.png" />
-        <meta
-            property="og:description"
-            content="ChatGPT, Claude 등 AI 프롬프트 작성이 어려우신가요? 검증된 프롬프트 템플릿을 저장하고 바로 사용하세요!"
-        />
-        <meta property="og:site_name" content="Pocket Prompt" />
-    </head>
-    <body>
-        <div id="root"></div>
-        <script type="module" src="/src/main.tsx"></script>
-    </body>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      rel="stylesheet"
+      as="style"
+      crossorigin
+      href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      charset="UTF-8"
+      href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
+    />
+    <title>Pocket Prompt</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
 </html>
diff --git a/public/image.png b/public/image.png
diff --git a/src/assets/svg/ImgEmpty.tsx b/src/assets/svg/ImgEmpty.tsx
diff --git a/src/assets/svg/index.ts b/src/assets/svg/index.ts
@@ -1,4 +1,3 @@
 export { default as IcInfoCircle } from "./IcInfoCircle";
-export { default as ImgEmpty } from "./ImgEmpty";
 export { default as Logo } from "./Logo";
 export { default as LogoNoLine } from "./LogoNoLine";
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -11,17 +11,19 @@ import {
     LOCALSTORAGE_KEYS,
     removeLocalStorage,
 } from "@/utils/storageUtils";
+import { useMediaQuery } from "react-responsive";
 import { MenuOutlined } from "@ant-design/icons";
 import { Menus } from "@/core/Menu";
-import useDeviceSize from "@/hooks/useDeviceSize";
 
 type HeaderProps = {
     onOpen: () => void;
 };
 export default function Header({ onOpen }: HeaderProps) {
     const { setUser, resetUserState, userData } = useUser();
 
-    const { isUnderTablet } = useDeviceSize();
+    const isUnderTablet = useMediaQuery({
+        maxWidth: "1024px",
+    });
 
     useEffect(() => {
         const access_token = getLocalStorage(LOCALSTORAGE_KEYS.ACCESS_TOKEN);

diff --git a/src/hooks/useDeviceSize.ts b/src/hooks/useDeviceSize.ts
diff --git a/src/layouts/FooterLayout.tsx b/src/layouts/FooterLayout.tsx
@@ -3,9 +3,9 @@ import { Outlet } from "react-router-dom";
 
 export default function FooterLayout() {
     return (
-        <div style={{ width: "100vw" }}>
+        <>
             <Outlet />
             <Footer />
-        </div>
+        </>
     );
 }