fix: mobile 일때 앱 설치여부 확인하는 로직 변경

Author: jiji-hoon96

apps/profile/src/constants/schemes.ts

@@ -19,4 +19,5 @@ export function createAppScheme({ path, query }: SchemeOptions): string {
 export const SCHEMES = {
   홈: () => createAppScheme({ path: 'home' }),
   선물_등록: (giftId: string) => createAppScheme({ path: `gift/${giftId}` }),
+  브릿지_스토어: () => createAppScheme({ path: 'bridge/store' }),
 };

apps/profile/src/pages/ProfilePage/index.tsx

@@ -16,9 +16,12 @@ import Styled, { bottomSheetOverrides } from './ProfilePage.styles';
 import Layout from '~/components/Layout';
 import { useUserByUserCodeV2 } from '@boolti/api';
 import { formatDateTimeWithWeekday, formatDateWithWeekday } from '~/utils';
+import { navigateToAppScheme } from '~/utils/app';
+import { openStoreLink } from '~/utils/link';
 import { Meta } from '~/components/Meta';
 import { PROFILE_URL } from '~/constants/url';
 import { EXTERNAL_URL } from '~/constants/external';
+import { SCHEMES } from '~/constants/schemes';
 import VideoCard from '~/components/VideoCard';
 import NotFound from '~/components/Notfound';
 import { QRCodeSVG } from 'qrcode.react';
@@ -89,8 +92,15 @@ const ProfilePage = () => {
     return url;
   };
 
-  const reservationButtonClickHandler = (isDesktop: boolean) => {
-    if (!isDesktop) return;
+  const reservationButtonClickHandler = async (isDesktop: boolean) => {
+    if (!isDesktop) {
+      const success = await navigateToAppScheme(SCHEMES.브릿지_스토어());
+
+      if (!success) {
+        openStoreLink();
+      }
+      return;
+    }
 
     dialog.open({
       title: '불티 앱에서 프로필 만들기',
@@ -122,7 +132,6 @@ const ProfilePage = () => {
   const instagramAccount = profile.sns.find((sns) => sns.type === 'INSTAGRAM');
   const youtubeAccount = profile.sns.find((sns) => sns.type === 'YOUTUBE');
 
-  console.log(profile);
   return (
     <>
       <Global styles={bottomSheetOverrides} />