feat: 점검 공지 추가

Author: scv1702

src/components/Header.tsx

@@ -4,7 +4,7 @@ import { openKanataApp } from "@/lib/utils";
 import { trackButtonClick } from "@/lib/analytics";
 
 export const Header = () => {
-  const handleClick = () => {
+  const handleClick = async () => {
     trackButtonClick("start_btn", "header");
     openKanataApp();
   };

src/components/StartButton.tsx

@@ -16,7 +16,7 @@ interface StartButtonProps {
 export const StartButton = ({ location }: StartButtonProps) => {
   const { toast } = useToast();
 
-  const handleClick = (platform?: Platform) => {
+  const handleClick = async (platform?: Platform) => {
     trackButtonClick("start_btn", location);
 
     if (platform === "android") {
@@ -28,7 +28,7 @@ export const StartButton = ({ location }: StartButtonProps) => {
       return;
     }
 
-    openKanataApp(platform);
+    await openKanataApp(platform);
   };
 
   return (

src/lib/utils.ts

@@ -1,6 +1,7 @@
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { trackAppOpen } from "./analytics";
+import { toast } from "@/components/ui/use-toast";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
@@ -36,7 +37,21 @@ function getDeviceType(): DeviceType {
   return "desktop";
 }
 
-export function openKanataApp(platform?: Platform) {
+export async function openKanataApp(platform?: Platform) {
+  const response = await fetch(
+    "https://storage.kanata.live/kanata-app/status.json"
+  );
+  const data = await response.json();
+
+  if (data.status === "DOWN") {
+    toast({
+      title: "점검 중",
+      description:
+        "서비스가 현재 점검 중입니다. 자세한 내용은 X를 확인해 주세요.",
+    });
+    return;
+  }
+
   const deviceType = getDeviceType();
   let url: string;