From 7777d5e5e17878f389523026d0fe55800773d885 Mon Sep 17 00:00:00 2001
From: dykim <drdragon777@whatap.io>
Date: Wed, 14 Aug 2024 00:56:16 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=EB=A1=9C=EC=BB=AC=20=EC=8A=A4?=
 =?UTF-8?q?=ED=86=A0=EB=A6=AC=EC=A7=80=EB=A1=9C=20visible=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=20=EA=B4=80=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/app-download-header.tsx    | 35 ++++++++++++--
 apps/web/src/libs/localStorage.ts             | 48 +++++++++++++++++++
 2 files changed, 80 insertions(+), 3 deletions(-)
 create mode 100644 apps/web/src/libs/localStorage.ts

diff --git a/apps/web/src/components/app-download-header.tsx b/apps/web/src/components/app-download-header.tsx
index 0f10b26..854ed54 100644
--- a/apps/web/src/components/app-download-header.tsx
+++ b/apps/web/src/components/app-download-header.tsx
@@ -1,11 +1,22 @@
 "use client";
 
+import { useEffect, useState } from "react";
+import LocalStorage from "~/libs/localStorage";
 import { useAppDownloadModalStore } from "./app-download-modal";
 import { Close, Logo } from "./ui/icons";
 
-const AppDownloadHeader = () => {
+interface Props {
+  onClose: () => void;
+}
+
+const AppDownloadHeader = ({ onClose }: Props) => {
   const { open } = useAppDownloadModalStore();
 
+  const handleClose: React.SVGProps<SVGSVGElement>["onClick"] = (e) => {
+    e.stopPropagation();
+    onClose();
+  };
+
   return (
     <div className="w-full px-[20px] py-[10px] bg-[#2C2C2C]">
       <button
@@ -14,7 +25,7 @@ const AppDownloadHeader = () => {
         onClick={open}
       >
         <div className="flex justify-center items-center gap-[12px]">
-          <Close width={20} height={20} />
+          <Close width={20} height={20} onClick={handleClose} />
           <Logo />
           <div className="flex flex-col justify-center items-start">
             <span className="text-[#ffffff] text-[16px] font-bold leading-[20px]">
@@ -35,4 +46,22 @@ const AppDownloadHeader = () => {
   );
 };
 
-export default AppDownloadHeader;
+const AppDownloadHeaderAdaptor = () => {
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    const hide = localStorage.getItem("download-header-close");
+    setVisible(hide === null ? true : hide === "false");
+  }, []);
+
+  const onClose = () => {
+    localStorage.setItem("download-header-close", "true");
+    setVisible(false);
+  };
+
+  if (typeof window === "undefined") return null;
+
+  return visible ? <AppDownloadHeader onClose={onClose} /> : null;
+};
+
+export default AppDownloadHeaderAdaptor;
diff --git a/apps/web/src/libs/localStorage.ts b/apps/web/src/libs/localStorage.ts
new file mode 100644
index 0000000..2414afa
--- /dev/null
+++ b/apps/web/src/libs/localStorage.ts
@@ -0,0 +1,48 @@
+const LocalStorage = {
+  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+  set: (key: string, value: any) => {
+    if (typeof window === "undefined") return;
+
+    try {
+      const serializedValue = JSON.stringify(value);
+      localStorage.setItem(key, serializedValue);
+    } catch (e) {
+      console.error("LocalStorage set error:", e);
+    }
+  },
+
+  get: (key: string) => {
+    if (typeof window === "undefined") return null;
+
+    try {
+      const serializedValue = localStorage.getItem(key);
+      if (serializedValue === null) return null;
+      return JSON.parse(serializedValue);
+    } catch (e) {
+      console.error("LocalStorage get error:", e);
+      return null;
+    }
+  },
+
+  remove: (key: string) => {
+    if (typeof window === "undefined") return;
+
+    try {
+      localStorage.removeItem(key);
+    } catch (e) {
+      console.error("LocalStorage remove error:", e);
+    }
+  },
+
+  clear: () => {
+    if (typeof window === "undefined") return;
+
+    try {
+      localStorage.clear();
+    } catch (e) {
+      console.error("LocalStorage clear error:", e);
+    }
+  },
+};
+
+export default LocalStorage;