[GREEN] Implement extended questionnaire layout and navigation

src/constants/navigation.ts

@@ -11,6 +11,7 @@ import {
   ProgramDetail,
   NutritionistDetail,
   PaymentResult,
+  ExtendedQuestionnaire,
 } from 'scenes';
 import { FC } from 'react';
 
@@ -86,6 +87,11 @@ export const privateNavigation: NavRoute[] = [
     component: ComingSoonPage,
     header: 'Profile',
   },
+  {
+    name: ROUTES.extendedQuestionnaire,
+    component: ExtendedQuestionnaire,
+    header: 'Diet Questionnaire',
+  },
 ];
 
 export const testNavigation: NavRoute[] = [

src/constants/routes.ts

@@ -4,6 +4,10 @@ export const comingSoon = '*';
 const questionnaire = 'questionnaire';
 export const allAccessQuestionnaire = `${questionnaire}/all-access`;
 export const dietelaQuizResult = `${questionnaire}/dietela-quiz-result`;
+export const consentForm = `${questionnaire}/consent`;
+export const extendedQuestionnaire = `${questionnaire}/extended`;
+export const extendedQuestionnaireById = (id: number) =>
+  `${extendedQuestionnaire}/${id}`;
 
 export const checkout = 'checkout';
 export const choosePlan = `${checkout}/choose-plan`;

src/scenes/index.ts

@@ -6,6 +6,7 @@ export { default as ComingSoonPage } from './common/ComingSoonPage';
 
 export { default as AllAccessQuestionnaire } from './questionnaire/AllAccessQuestionnaire';
 export { default as DietelaQuizResult } from './questionnaire/DietelaQuizResult';
+export { default as ExtendedQuestionnaire } from './questionnaire/ExtendedQuestionnaire';
 
 export { default as Checkout } from './cart/Checkout';
 export { default as ChoosePlan } from './cart/ChoosePlan';

src/scenes/questionnaire/ExtendedQuestionnaire/index.tsx

+import React, { FC, useState } from 'react';
+
+import * as ROUTES from 'constants/routes';
+import { StepByStepForm } from 'components/form';
+import { pages } from './schema';
+
+const ExtendedQuestionnaire: FC = () => {
+  const [currentPage] = useState(1);
+
+  return (
+    <StepByStepForm
+      currentPage={currentPage}
+      title={'Lengkapi Profil Anda'}
+      pages={pages.map((name, i) => ({
+        name,
+        route: ROUTES.extendedQuestionnaireById(i),
+      }))}
+      finishRedirectRoute={ROUTES.profile}
+    />
+  );
+};
+
+export default ExtendedQuestionnaire;

src/scenes/questionnaire/ExtendedQuestionnaire/schema.ts

+export const pages: string[] = [
+  'Identitas Diri',
+  'Pola Makan',
+  'Konsumsi Makanan Seharian',
+  'Gaya Hidup dan Kebiasaan Diet',
+  'Kondisi Pribadi',
+];