feat(app): add faq modal

src/api/routes/stories/controller.ts

@@ -25,6 +25,8 @@ const gallery3Image = path.join(galleryRootDir, '/3.png');
 const gallery4Image = path.join(galleryRootDir, '/4.png');
 const gallery5Image = path.join(galleryRootDir, '/5.png');
 
+const faqStoryImage = path.join(imageRootDir, '/faq/img.png');
+
 type FeedbackType = {
   author: string;
   from: string;
@@ -33,6 +35,14 @@ type FeedbackType = {
   text: string;
 };
 
+export type StoryFaqModalType = {
+  button: {
+    link: string;
+    text: string;
+  };
+  image: ImageType;
+  text: string;
+};
 export type StoryFeedbackModalType = {
   feedbacks: FeedbackType[];
 };
@@ -50,7 +60,11 @@ export type StoryQuestPlotModalType = {
   title: string;
 };
 
-export type StoryModalContent = StoryFeedbackModalType | StoryGalleryModalType | StoryInfoModalType | StoryQuestPlotModalType;
+export type StoryModalContent = StoryFaqModalType |
+StoryFeedbackModalType |
+StoryGalleryModalType |
+StoryInfoModalType |
+StoryQuestPlotModalType;
 export type StoryModalType = 'faq' | 'feedback' | 'gallery' | 'info' | 'questPlot';
 export type StoryImageType = {
   alt: string;
@@ -136,6 +150,26 @@ const birthdayPageStories: StoryType[] = [
       src: faqMobileImage,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь\\n'
+          + 'текст-рыбу, сорри\\n'
+          + '\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt\\n'
+          + 'ut labore et dolore magna aliqua\\n'
+          + '\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation\\n'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo\\n'
+          + 'consequat',
+      },
       type: 'faq',
     },
     title: 'Ответы\\n на вопросы',
@@ -189,6 +223,26 @@ const graduationPageStories: StoryType[] = [
       src: faqMobileImage,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь\\n'
+          + 'текст-рыбу, сорри\\n'
+          + '\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt\\n'
+          + 'ut labore et dolore magna aliqua\\n'
+          + '\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation\\n'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo\\n'
+          + 'consequat',
+      },
       type: 'faq',
     },
     title: 'Ответы\\n на вопросы',
@@ -242,6 +296,26 @@ const outdoorsPageStories: StoryType[] = [
       src: faqMobileImage,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь\\n'
+          + 'текст-рыбу, сорри\\n'
+          + '\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt\\n'
+          + 'ut labore et dolore magna aliqua\\n'
+          + '\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation\\n'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo\\n'
+          + 'consequat',
+      },
       type: 'faq',
     },
     title: 'Ответы\\n на вопросы',