diff --git a/apps/web/src/assets/svgs/common/ic_letter.svg b/apps/web/src/assets/svgs/common/ic_letter.svg new file mode 100644 index 00000000..38580413 --- /dev/null +++ b/apps/web/src/assets/svgs/common/ic_letter.svg @@ -0,0 +1,32 @@ + diff --git a/apps/web/src/assets/svgs/common/index.ts b/apps/web/src/assets/svgs/common/index.ts index 850af9d0..53f97b2f 100644 --- a/apps/web/src/assets/svgs/common/index.ts +++ b/apps/web/src/assets/svgs/common/index.ts @@ -43,3 +43,4 @@ export { default as ic_info_transparent } from "./ic_info_transparent.svg?react" export { default as ic_apple_logo } from "./ic_apple_logo.svg?react"; export { default as ic_twoMan_blue } from "./ic_twoMan_blue.svg?react"; export { default as ic_minus } from "./ic_minus.svg?react"; +export { default as ic_letter } from "./ic_letter.svg?react"; diff --git a/apps/web/src/layout/GlobalLayout.tsx b/apps/web/src/layout/GlobalLayout.tsx index 6f53e5da..4e84e3bd 100644 --- a/apps/web/src/layout/GlobalLayout.tsx +++ b/apps/web/src/layout/GlobalLayout.tsx @@ -1,21 +1,35 @@ import { css } from "@emotion/react"; import Hotjar from "@hotjar/browser"; +import Cookies from "js-cookie"; import { useEffect } from "react"; import { Outlet } from "react-router-dom"; +import { BottomSheet } from "@/component/BottomSheet"; +import { ButtonProvider } from "@/component/common/button"; +import { Icon } from "@/component/common/Icon"; import { Modal } from "@/component/common/Modal"; +import { Spacing } from "@/component/common/Spacing"; +import { Typography } from "@/component/common/typography"; +import { useBottomSheet } from "@/hooks/useBottomSheet"; +import { useToast } from "@/hooks/useToast"; import { useBridge } from "@/lib/provider/bridge-provider"; const siteId = import.meta.env.VITE_HOTJAR_KEY as number; const hotjarVersion = import.meta.env.VITE_HOTJAR_VERSION as number; +const SHEET_ID = "ANNOUNCEMENT"; +const SHOW_ANNOUNCEMENT_KEY = "announce-9-12-checked"; + export default function GlobalLayout() { const { safeAreaHeight } = useBridge(); + const { openBottomSheet, closeBottomSheet } = useBottomSheet(); useEffect(() => { Hotjar.init(siteId, hotjarVersion); + openBottomSheet({ id: SHEET_ID }); }, []); + const hideAnnouncement = Cookies.get(SHOW_ANNOUNCEMENT_KEY); return (