feat: 배포 환경 데모 추가

gloddy-dev · Jul 9, 2024 · 6a0697b · 6a0697b
1 parent d729eb6
commit 6a0697b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/web/src/app/[lng]/(sub)/join/funnels/step1/components/NumberForm.tsx b/packages/web/src/app/[lng]/(sub)/join/funnels/step1/components/NumberForm.tsx
@@ -1,3 +1,4 @@
+import { useSearchParams } from 'next/navigation';
 import { ElementType, KeyboardEventHandler } from 'react';
 
 import { useJoinContext } from '../../../components/JoinContext';
@@ -15,6 +16,7 @@ import { Spacing } from '@/components/Spacing';
 import { TextFieldController } from '@/components/TextField';
 import { DEMO_ID } from '@/constants';
 import { regexr } from '@/constants/regexr';
+import { useDidMount } from '@/hooks/common/useDidMount';
 import useToast from '@/hooks/useModal/useToast';
 
 interface NumberSectionProps {
@@ -30,6 +32,13 @@ export default function NumberForm({ inputStatus, setInputStatus }: NumberSectio
  const { start: timerStart, status: timerStatus } = useTimerContext();
  const { openToast } = useToast();
  const { mutate: mutateLogin } = useLoginMutation();
+ const searchParams = useSearchParams();
+
+ useDidMount(() => {
+ if (searchParams.get('demo')) {
+ setValue('phoneNumber', '010-8969-5610', { shouldValidate: true });
+ }
+ });
 
  const handleInputChange = (
  e: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>

diff --git a/packages/web/src/constants/index.ts b/packages/web/src/constants/index.ts
@@ -7,4 +7,4 @@ export const DAY_OF_WEEK = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
 export const GOOGLE_API_KEY = process.env.NEXT_PUBLIC_GOOGLE_MAP_API_KEY;
 export const SENTRY_DSN = process.env.NEXT_PUBLIC_SENTRY_DSN || '';
 export const GA_TRACKING_ID = process.env.NEXT_PUBLIC_GOOGLE_ID;
-export const DEMO_ID = process.env.NEXT_PUBLIC_DEMO_ID;
+export const DEMO_ID = process.env.NEXT_PUBLIC_DEMO_ID ?? '';