diff --git a/src/pages/AboutUsPage/view/AboutUsPageView.ts b/src/pages/AboutUsPage/view/AboutUsPageView.ts index b64ceb4c..e8c3d99f 100644 --- a/src/pages/AboutUsPage/view/AboutUsPageView.ts +++ b/src/pages/AboutUsPage/view/AboutUsPageView.ts @@ -1,9 +1,9 @@ import LinkModel from '@/shared/Link/model/LinkModel.ts'; import getStore from '@/shared/Store/Store.ts'; import observeStore, { selectCurrentLanguage } from '@/shared/Store/observer.ts'; -import { LINK_DETAILS } from '@/shared/constants/links.ts'; +import { LINK_DETAIL } from '@/shared/constants/links.ts'; import { PAGE_DESCRIPTION } from '@/shared/constants/pages.ts'; -import SVG_DETAILS from '@/shared/constants/svg.ts'; +import SVG_DETAIL from '@/shared/constants/svg.ts'; import createBaseElement from '@/shared/utils/createBaseElement.ts'; import createSVGUse from '@/shared/utils/createSVGUse.ts'; @@ -48,13 +48,13 @@ class AboutUsPageView { const logo = new LinkModel({ attrs: { href: 'https://rs.school', - target: LINK_DETAILS.BLANK, + target: LINK_DETAIL.BLANK, }, classes: [styles.logo], }); - const svg = document.createElementNS(SVG_DETAILS.SVG_URL, 'svg'); - svg.append(createSVGUse(SVG_DETAILS.RSS_LOGO)); + const svg = document.createElementNS(SVG_DETAIL.SVG_URL, 'svg'); + svg.append(createSVGUse(SVG_DETAIL.RSS_LOGO)); logo.getHTML().append(svg); return logo; } diff --git a/src/shared/img/svg/leaves.svg b/src/shared/img/svg/leaves.svg index 50b5f595..340ea8b9 100644 --- a/src/shared/img/svg/leaves.svg +++ b/src/shared/img/svg/leaves.svg @@ -1,2 +1,2 @@ -leaf + diff --git a/src/shared/types/product.ts b/src/shared/types/product.ts index 1443ab42..40f7c3f2 100644 --- a/src/shared/types/product.ts +++ b/src/shared/types/product.ts @@ -18,15 +18,29 @@ export const SIZE = { XL: 'XL', } as const; +export type SizeType = (typeof SIZE)[keyof typeof SIZE]; + export const LEVEL = { 1: '1', 2: '2', 3: '3', } as const; -export type SizeType = (typeof SIZE)[keyof typeof SIZE]; export type LevelType = (typeof LEVEL)[keyof typeof LEVEL]; +export const DIFFICULTY = { + en: { + 1: 'Almost unkillable', + 2: 'Needs some love', + 3: 'For botanical ninjas', + }, + ru: { + 1: 'Почти неубиваемое', + 2: 'Нужно немножко любви', + 3: 'Для ниндзя ботаников', + }, +} as const; + export interface Variant { discount: number; id: number; diff --git a/src/widgets/Blog/test/blog.spec.ts b/src/widgets/Blog/test/blog.spec.ts index 015cd5bf..5cc89f1b 100644 --- a/src/widgets/Blog/test/blog.spec.ts +++ b/src/widgets/Blog/test/blog.spec.ts @@ -1,6 +1,6 @@ import createBaseElement from '@/shared/utils/createBaseElement.ts'; -import BlogWidgetModel from '../model/BogWidgetModel.ts'; +import BlogWidgetModel from '../model/BlogWidgetModel.ts'; /** * @vitest-environment jsdom diff --git a/src/widgets/ProductInfo/view/ProductInfoView.ts b/src/widgets/ProductInfo/view/ProductInfoView.ts index fc10ec7a..e14743d5 100644 --- a/src/widgets/ProductInfo/view/ProductInfoView.ts +++ b/src/widgets/ProductInfo/view/ProductInfoView.ts @@ -10,6 +10,7 @@ import { LANGUAGE_CHOICE } from '@/shared/constants/common.ts'; import { PRODUCT_INFO_TEXT, PRODUCT_INFO_TEXT_KEY } from '@/shared/constants/product.ts'; import { LOADER_SIZE } from '@/shared/constants/sizes.ts'; import SVG_DETAIL from '@/shared/constants/svg.ts'; +import { DIFFICULTY } from '@/shared/types/product.ts'; import createBaseElement from '@/shared/utils/createBaseElement.ts'; import createSVGUse from '@/shared/utils/createSVGUse.ts'; import getCurrentLanguage from '@/shared/utils/getCurrentLanguage.ts'; @@ -219,8 +220,12 @@ class ProductInfoView { cssClasses: ['difficultySpan'], innerContent: PRODUCT_INFO_TEXT[currentLanguage].DIFFICULTY, tag: 'span', + title: DIFFICULTY[getCurrentLanguage()][this.params.level], }); + observeStore(selectCurrentLanguage, () => { + difficultySpan.title = this.params.level ? DIFFICULTY[getCurrentLanguage()][this.params.level] : ''; + }); observeCurrentLanguage(difficultySpan, PRODUCT_INFO_TEXT, PRODUCT_INFO_TEXT_KEY.DIFFICULTY); difficultySpan.append(...this.createDifficultyPoints());