chore: 모달 닫기 로직 분리

apps/web/src/components/app-download-modal.tsx

@@ -4,12 +4,12 @@ import { useRouter } from "next/navigation";
 import { createPortal } from "react-dom";
 import { RemoveScroll } from "react-remove-scroll";
 import { create } from "zustand";
-import { AOS_APP_LINK } from "~/constants";
-import { detectDevice } from "~/libs/detect-device";
+import { modalCloseEvent } from "~/libs/clarity";
 import {
   ModalStatusStore,
   getModalStatusStore,
 } from "~/libs/store/modal-status";
+import { onAppDownloadClick } from "~/libs/utils";
 import { cn } from "~/libs/utils";
 
 export const useAppDownloadModalStore =
@@ -21,19 +21,12 @@ export default function AppDownloadModal() {
 
   const onClickDownloadApp = () => {
     close();
-    // TODO: 앱이 있으면 앱 열기, 없으면 playstore로 이동
-    const device = detectDevice();
-    if (device === "android") window.open(AOS_APP_LINK);
-    else if (device !== null) router.push("/ios-not-supported");
-    if (device !== null) window.clarity?.("event", `install-modal-${device}`);
+    onAppDownloadClick(router.push);
   };
 
   const onClickClose = (isButtonClick: boolean) => {
     close();
-    window.clarity?.(
-      "event",
-      isButtonClick ? "install-modal-close-button" : "install-modal-dim-close",
-    );
+    modalCloseEvent(isButtonClick);
   };
 
   if (status === "unmounted") {

apps/web/src/libs/clarity.ts

@@ -0,0 +1,6 @@
+export const modalCloseEvent = (isButtonClick: boolean) => {
+  window.clarity?.(
+    "event",
+    isButtonClick ? "install-modal-close-button" : "install-modal-dim-close",
+  );
+};

apps/web/src/libs/utils.ts

@@ -1,5 +1,7 @@
 import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
+import { AOS_APP_LINK } from "~/constants";
+import { detectDevice } from "./detect-device";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
@@ -23,3 +25,11 @@ export function getAspectRatio(str: string) {
   const [w, h] = getAspectRatioArray(str);
   return w / h;
 }
+
+export const onAppDownloadClick = (navigate: (route: string) => void) => {
+  // TODO: 앱이 있으면 앱 열기, 없으면 playstore로 이동
+  const device = detectDevice();
+  if (device === "android") window.open(AOS_APP_LINK);
+  else if (device !== null) navigate("/ios-not-supported");
+  if (device !== null) window.clarity?.("event", `install-modal-${device}`);
+};