feat(app): small modal fixed

src/api/routes/stories/controller.ts

@@ -17,7 +17,10 @@ const photoImage = path.join(imageRootDir, 'birthday/photo.png');
 const photoMobileImage = path.join(imageRootDir, 'birthday/photo_mobile.png');
 
 const example = path.join(imageRootDir, 'example.png');
-const example2 = path.join(imageRootDir, 'example2.jpg');
+const example2 = path.join(imageRootDir, 'example2.png');
+const example3 = path.join(imageRootDir, 'example3.png');
+const example4 = path.join(imageRootDir, 'example4.png');
+const example5 = path.join(imageRootDir, 'example5.png');
 
 const gallery1Image = path.join(galleryRootDir, '/1.png');
 const gallery2Image = path.join(galleryRootDir, '/2.png');
@@ -31,7 +34,7 @@ type FeedbackType = {
   author: string;
   from: string;
   id: string;
-  rate: 1 | 2 | 3 | 4 | 5;
+  rate: number;
   text: string;
 };
 
@@ -49,7 +52,15 @@ export type StoryFeedbackModalType = {
 export type StoryGalleryModalType = {
   gallery: ImageType[];
 };
-export type StoryInfoModalType = {};
+export type StoryInfoModalType = {
+  button: {
+    link: string;
+    text: string;
+  };
+  image: ImageType;
+  text: string;
+  title: string;
+};
 export type StoryQuestPlotModalType = {
   background: {
     color: string;
@@ -89,7 +100,7 @@ export type StoryType = {
     content?: StoryModalContent;
     type: StoryModalType;
   };
-  title?: string;
+  title: string;
 };
 
 const feedbacks = [
@@ -159,15 +170,15 @@ const birthdayPageStories: StoryType[] = [
           alt: 'example',
           src: faqStoryImage,
         },
-        text: 'А здесь будет текст, но пока оставлю здесь\\n'
+        text: 'А здесь будет текст, но пока оставлю здесь'
-          + 'текст-рыбу, сорри\\n'
+          + 'текст-рыбу, сорри'
-          + '\\n'
+          + '\\n\\n'
           + 'Lorem ipsum dolor sit amet, consectetur\\n'
-          + 'adipiscing elit, sed do eiusmod tempor incididunt\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
-          + 'ut labore et dolore magna aliqua\\n'
+          + 'ut labore et dolore magna aliqua'
-          + '\\n'
+          + '\\n\\n'
-          + 'Ut enim ad minim veniam, quis nostrud exercitation\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
-          + 'ullamco laboris nisi ut aliquip ex ea commodo\\n'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
           + 'consequat',
       },
       type: 'faq',
@@ -232,15 +243,15 @@ const graduationPageStories: StoryType[] = [
           alt: 'example',
           src: faqStoryImage,
         },
-        text: 'А здесь будет текст, но пока оставлю здесь\\n'
+        text: 'А здесь будет текст, но пока оставлю здесь'
-          + 'текст-рыбу, сорри\\n'
+          + 'текст-рыбу, сорри'
-          + '\\n'
+          + '\\n\\n'
           + 'Lorem ipsum dolor sit amet, consectetur\\n'
-          + 'adipiscing elit, sed do eiusmod tempor incididunt\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
-          + 'ut labore et dolore magna aliqua\\n'
+          + 'ut labore et dolore magna aliqua'
-          + '\\n'
+          + '\\n\\n'
-          + 'Ut enim ad minim veniam, quis nostrud exercitation\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
-          + 'ullamco laboris nisi ut aliquip ex ea commodo\\n'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
           + 'consequat',
       },
       type: 'faq',
@@ -305,15 +316,15 @@ const outdoorsPageStories: StoryType[] = [
           alt: 'example',
           src: faqStoryImage,
         },
-        text: 'А здесь будет текст, но пока оставлю здесь\\n'
+        text: 'А здесь будет текст, но пока оставлю здесь'
-          + 'текст-рыбу, сорри\\n'
+          + 'текст-рыбу, сорри'
-          + '\\n'
+          + '\\n\\n'
           + 'Lorem ipsum dolor sit amet, consectetur\\n'
-          + 'adipiscing elit, sed do eiusmod tempor incididunt\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
-          + 'ut labore et dolore magna aliqua\\n'
+          + 'ut labore et dolore magna aliqua'
-          + '\\n'
+          + '\\n\\n'
-          + 'Ut enim ad minim veniam, quis nostrud exercitation\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
-          + 'ullamco laboris nisi ut aliquip ex ea commodo\\n'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
           + 'consequat',
       },
       type: 'faq',
@@ -370,6 +381,27 @@ const homePageStories: StoryType[] = [
       src: example,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь'
+          + 'текст-рыбу, сорри'
+          + '\\n\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
+          + 'ut labore et dolore magna aliqua'
+          + '\\n\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
+          + 'consequat',
+        title: 'Это будет заголовок истории',
+      },
       type: 'info',
     },
     title: 'Рекомендации\\n по квестам',
@@ -385,6 +417,27 @@ const homePageStories: StoryType[] = [
       src: example2,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь'
+          + 'текст-рыбу, сорри'
+          + '\\n\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
+          + 'ut labore et dolore magna aliqua'
+          + '\\n\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
+          + 'consequat',
+        title: 'Это будет заголовок истории',
+      },
       type: 'info',
     },
     title: 'День Рождения\\n в Arkids парке',
@@ -393,13 +446,34 @@ const homePageStories: StoryType[] = [
     id: uuid(),
     img: {
       alt: 'Новые программы для праздника',
-      src: example,
+      src: example3,
     },
     imgMobile: {
       alt: 'Новые программы для праздника',
       src: example,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь'
+          + 'текст-рыбу, сорри'
+          + '\\n\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
+          + 'ut labore et dolore magna aliqua'
+          + '\\n\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
+          + 'consequat',
+        title: 'Это будет заголовок истории',
+      },
       type: 'info',
     },
     title: 'Новые программы\\n для праздника',
@@ -408,13 +482,34 @@ const homePageStories: StoryType[] = [
     id: uuid(),
     img: {
       alt: 'Рекомендации по квестам',
-      src: example,
+      src: example4,
     },
     imgMobile: {
       alt: 'Рекомендации по квестам',
       src: example,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь'
+          + 'текст-рыбу, сорри'
+          + '\\n\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
+          + 'ut labore et dolore magna aliqua'
+          + '\\n\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
+          + 'consequat',
+        title: 'Это будет заголовок истории',
+      },
       type: 'info',
     },
     title: 'Рекомендации\\n по квестам',
@@ -423,13 +518,34 @@ const homePageStories: StoryType[] = [
     id: uuid(),
     img: {
       alt: 'День Рождения в Arkids парке',
-      src: example2,
+      src: example5,
     },
     imgMobile: {
       alt: 'День Рождения в Arkids парке',
       src: example2,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь'
+          + 'текст-рыбу, сорри'
+          + '\\n\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
+          + 'ut labore et dolore magna aliqua'
+          + '\\n\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
+          + 'consequat',
+        title: 'Это будет заголовок истории',
+      },
       type: 'info',
     },
     title: 'День Рождения\\n в Arkids парке',
@@ -445,6 +561,27 @@ const homePageStories: StoryType[] = [
       src: example,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь'
+          + 'текст-рыбу, сорри'
+          + '\\n\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
+          + 'ut labore et dolore magna aliqua'
+          + '\\n\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
+          + 'consequat',
+        title: 'Это будет заголовок истории',
+      },
       type: 'info',
     },
     title: 'Новые программы\\n для праздника',
@@ -453,13 +590,34 @@ const homePageStories: StoryType[] = [
     id: uuid(),
     img: {
       alt: 'Новые программы для праздника',
-      src: example,
+      src: example2,
     },
     imgMobile: {
       alt: 'Новые программы для праздника',
       src: example,
     },
     modal: {
+      content: {
+        button: {
+          link: PAGE_LINK.HOME,
+          text: 'И кнопка ещё будет',
+        },
+        image: {
+          alt: 'example',
+          src: faqStoryImage,
+        },
+        text: 'А здесь будет текст, но пока оставлю здесь'
+          + 'текст-рыбу, сорри'
+          + '\\n\\n'
+          + 'Lorem ipsum dolor sit amet, consectetur\\n'
+          + 'adipiscing elit, sed do eiusmod tempor incididunt'
+          + 'ut labore et dolore magna aliqua'
+          + '\\n\\n'
+          + 'Ut enim ad minim veniam, quis nostrud exercitation'
+          + 'ullamco laboris nisi ut aliquip ex ea commodo'
+          + 'consequat',
+        title: 'Это будет заголовок истории',
+      },
       type: 'info',
     },
     title: 'Новые программы\\n для праздника',