feat(app): add gallery modal

This commit is contained in:
Sergey Krylov 2023-06-30 08:29:38 +03:00
parent f6e2e6a3b7
commit 40deb97b97
7 changed files with 70 additions and 1 deletions

View File

@ -8,6 +8,7 @@ import { ImageType } from '../image/controller';
import { StoryType } from '../stories/controller'; import { StoryType } from '../stories/controller';
const imageRootDir = 'static/images/quests/'; const imageRootDir = 'static/images/quests/';
const galleryRootDir = 'static/images/gallery/';
const egerFeedbackImage = path.join(imageRootDir, 'stories/eger/desktop/feedback.png'); const egerFeedbackImage = path.join(imageRootDir, 'stories/eger/desktop/feedback.png');
const egerGalleryImage = path.join(imageRootDir, 'stories/eger/desktop/gallery.png'); const egerGalleryImage = path.join(imageRootDir, 'stories/eger/desktop/gallery.png');
@ -67,6 +68,12 @@ const multPlotTreeDesktopImage = path.join(imageRootDir, '/stories/mult/desktop/
const multPlotStarMobileImage = path.join(imageRootDir, '/stories/mult/mobile/plot/star.png'); const multPlotStarMobileImage = path.join(imageRootDir, '/stories/mult/mobile/plot/star.png');
const gallery1Image = path.join(galleryRootDir, '/1.png');
const gallery2Image = path.join(galleryRootDir, '/2.png');
const gallery3Image = path.join(galleryRootDir, '/3.png');
const gallery4Image = path.join(galleryRootDir, '/4.png');
const gallery5Image = path.join(galleryRootDir, '/5.png');
const feedbacks = [ const feedbacks = [
{ {
author: 'Ульяна Троценко', author: 'Ульяна Троценко',
@ -95,6 +102,23 @@ const feedbacks = [
+ 'снова на другой. Ребята актеры отличные. Советую', + 'снова на другой. Ребята актеры отличные. Советую',
}, },
]; ];
const gallery: ImageType[] = [
{
src: gallery1Image,
},
{
src: gallery2Image,
},
{
src: gallery3Image,
},
{
src: gallery4Image,
},
{
src: gallery5Image,
},
];
export type QuestItemType = { export type QuestItemType = {
age: { age: {
@ -272,6 +296,9 @@ const egerStories: StoryType[] = [
src: egerGalleryMobileImage, src: egerGalleryMobileImage,
}, },
modal: { modal: {
content: {
gallery,
},
type: 'gallery', type: 'gallery',
}, },
title: 'Фотографии\\n и видео', title: 'Фотографии\\n и видео',
@ -464,6 +491,9 @@ const faraonStories: StoryType[] = [
src: faraonGalleryMobileImage, src: faraonGalleryMobileImage,
}, },
modal: { modal: {
content: {
gallery,
},
type: 'gallery', type: 'gallery',
}, },
title: 'Фотографии\\n и видео', title: 'Фотографии\\n и видео',
@ -675,6 +705,9 @@ const multStories: StoryType[] = [
src: multGalleryMobileImage, src: multGalleryMobileImage,
}, },
modal: { modal: {
content: {
gallery,
},
type: 'gallery', type: 'gallery',
}, },
title: 'Фотографии\\n и видео', title: 'Фотографии\\n и видео',

View File

@ -7,6 +7,7 @@ import { PAGE_LINK } from '../../../constants';
import { ImageType } from '../image/controller'; import { ImageType } from '../image/controller';
const imageRootDir = 'static/images/stories/'; const imageRootDir = 'static/images/stories/';
const galleryRootDir = 'static/images/gallery/';
const faqImage = path.join(imageRootDir, 'birthday/faq.png'); const faqImage = path.join(imageRootDir, 'birthday/faq.png');
const faqMobileImage = path.join(imageRootDir, 'birthday/faq_mobile.png'); const faqMobileImage = path.join(imageRootDir, 'birthday/faq_mobile.png');
@ -17,6 +18,13 @@ const photoMobileImage = path.join(imageRootDir, 'birthday/photo_mobile.png');
const example = path.join(imageRootDir, 'example.png'); const example = path.join(imageRootDir, 'example.png');
const example2 = path.join(imageRootDir, 'example2.jpg'); const example2 = path.join(imageRootDir, 'example2.jpg');
const gallery1Image = path.join(galleryRootDir, '/1.png');
const gallery2Image = path.join(galleryRootDir, '/2.png');
const gallery3Image = path.join(galleryRootDir, '/3.png');
const gallery4Image = path.join(galleryRootDir, '/4.png');
const gallery5Image = path.join(galleryRootDir, '/5.png');
type FeedbackType = { type FeedbackType = {
author: string; author: string;
from: string; from: string;
@ -28,7 +36,9 @@ type FeedbackType = {
export type StoryFeedbackModalType = { export type StoryFeedbackModalType = {
feedbacks: FeedbackType[]; feedbacks: FeedbackType[];
}; };
export type StoryGalleryModalType = {}; export type StoryGalleryModalType = {
gallery: ImageType[];
};
export type StoryInfoModalType = {}; export type StoryInfoModalType = {};
export type StoryQuestPlotModalType = { export type StoryQuestPlotModalType = {
background: { background: {
@ -96,6 +106,23 @@ const feedbacks = [
+ 'снова на другой. Ребята актеры отличные. Советую', + 'снова на другой. Ребята актеры отличные. Советую',
}, },
]; ];
const gallery: ImageType[] = [
{
src: gallery1Image,
},
{
src: gallery2Image,
},
{
src: gallery3Image,
},
{
src: gallery4Image,
},
{
src: gallery5Image,
},
];
const birthdayPageStories: StoryType[] = [ const birthdayPageStories: StoryType[] = [
{ {
@ -142,6 +169,9 @@ const birthdayPageStories: StoryType[] = [
src: photoMobileImage, src: photoMobileImage,
}, },
modal: { modal: {
content: {
gallery,
},
type: 'gallery', type: 'gallery',
}, },
title: 'Фотографии\n и видео', title: 'Фотографии\n и видео',
@ -192,6 +222,9 @@ const graduationPageStories: StoryType[] = [
src: photoMobileImage, src: photoMobileImage,
}, },
modal: { modal: {
content: {
gallery,
},
type: 'gallery', type: 'gallery',
}, },
title: 'Фотографии\n и видео', title: 'Фотографии\n и видео',
@ -242,6 +275,9 @@ const outdoorsPageStories: StoryType[] = [
src: photoMobileImage, src: photoMobileImage,
}, },
modal: { modal: {
content: {
gallery,
},
type: 'gallery', type: 'gallery',
}, },
title: 'Фотографии\n и видео', title: 'Фотографии\n и видео',

BIN
static/images/gallery/1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 624 KiB

BIN
static/images/gallery/2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 435 KiB

BIN
static/images/gallery/3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 MiB

BIN
static/images/gallery/4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 KiB

BIN
static/images/gallery/5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 414 KiB