Merge pull request #599 from Alt-Org/nikolas/feature/598-implement-new-ethical-ethical-guidelines-page

Nikolas/feature/598 implement new ethical ethical guidelines page

Author: Rutjake

frontend-next-migration/src/app/[lng]/(helper)/ethical-guidelines/_getPage.ts

@@ -0,0 +1,31 @@
+import { createPage } from '@/app/_helpers';
+import { EthicalGuidelinesPageProps } from '@/preparedPages/EthicalGuidelinesPage';
+import { makeEthicalGuidelinesSectionsWithI18n } from '@/entities/PresentationPackages';
+import { getServerTranslation } from '@/shared/i18n';
+import { getRouteEthicalGuidelinesPage } from '@/shared/appLinks/RoutePaths';
+import { defaultOpenGraph } from '@/shared/seoConstants';
+
+export async function _getPage(lng: string) {
+    const { t } = await getServerTranslation(lng, 'ethics');
+
+    return createPage<EthicalGuidelinesPageProps>({
+        buildPage: () => ({
+            sections: makeEthicalGuidelinesSectionsWithI18n(t),
+            title: t('main-title'),
+        }),
+        buildSeo: () => ({
+            title: t('main-title'),
+            description: t('head-description'),
+            keywords: t('head-keywords'),
+            openGraph: {
+                ...defaultOpenGraph,
+                title: t('og-title'),
+                description: t('og-description'),
+                url: `/${lng}${getRouteEthicalGuidelinesPage()}`,
+            },
+            alternates: {
+                canonical: `/${lng}${getRouteEthicalGuidelinesPage()}`,
+            },
+        }),
+    });
+}

frontend-next-migration/src/app/[lng]/(helper)/ethical-guidelines/loading.tsx

@@ -0,0 +1 @@
+export { PageLoader as default } from '@/widgets/PageLoader';

frontend-next-migration/src/app/[lng]/(helper)/ethical-guidelines/page.tsx

@@ -0,0 +1,6 @@
+import { EthicalGuidelinesPage } from '@/preparedPages/EthicalGuidelinesPage';
+import { withPageData, withMetadataGenerator } from '@/app/_helpers';
+import { _getPage } from './_getPage';
+
+export const generateMetadata = withMetadataGenerator(_getPage);
+export default withPageData(EthicalGuidelinesPage, _getPage);

frontend-next-migration/src/entities/PresentationPackages/index.ts

@@ -9,3 +9,6 @@ export { makeCookiesSectionsWithI18n } from '@/entities/PresentationPackages/mod
 
 export { PrivacySections } from '@/entities/PresentationPackages/model/data/privacySections';
 export { makePrivacySectionsWithI18n } from '@/entities/PresentationPackages/model/makeSectionsWithI18n';
+
+export { EthicalGuidelinesSections } from '@/entities/PresentationPackages/model/data/ethicalGuidelinesSections';
+export { makeEthicalGuidelinesSectionsWithI18n } from '@/entities/PresentationPackages/model/makeSectionsWithI18n';

frontend-next-migration/src/entities/PresentationPackages/model/data/ethicalGuidelinesSections.ts

@@ -0,0 +1,21 @@
+import { createSection } from '../createSection';
+
+const i18nKeyPrefixes = ['intro', 'players', 'employees', 'business', 'society', 'law'];
+
+const imageSrcs = [''];
+const logoSrc = '';
+
+export const EthicalGuidelinesSections = i18nKeyPrefixes.map((key, index) =>
+    createSection({
+        prefix: key,
+        index,
+        image: {
+            src: imageSrcs[index],
+            alt: `${key}-image`,
+        },
+        logo: {
+            src: logoSrc,
+            alt: `${key}-logo`,
+        },
+    }),
+);

frontend-next-migration/src/entities/PresentationPackages/model/makeSectionsWithI18n.ts

@@ -2,6 +2,7 @@ import { PresentationSection } from '@/entities/PresentationPackages/types';
 import { ArtGameSections } from './data/artGameSections';
 import { CookiesSections } from './data/cookiesSections';
 import { PrivacySections } from './data/privacySections';
+import { EthicalGuidelinesSections } from './data/ethicalGuidelinesSections';
 
 /**
  * Takes an array of PresentationSections and returns a higher-order function that takes a translation function
@@ -58,3 +59,12 @@ export const makeCookiesSectionsWithI18n = makeSectionsWithI18n(CookiesSections)
  * @returns {Array} - The array of art game sections with internationalization support.
  */
 export const makePrivacySectionsWithI18n = makeSectionsWithI18n(PrivacySections);
+
+/**
+ * Creates ethical guidelines sections with internationalization support.
+ *
+ * @param {Array} EthicalGuidelinesSections - The array of art game sections.
+ * @returns {Array} - The array of art game sections with internationalization support.
+ */
+export const makeEthicalGuidelinesSectionsWithI18n =
+    makeSectionsWithI18n(EthicalGuidelinesSections);

frontend-next-migration/src/preparedPages/EthicalGuidelinesPage/index.ts

@@ -0,0 +1,3 @@
+export { EthicalGuidelinesPageAsync as EthicalGuidelinesPage } from './ui/EthicalGuidelinesPage.async';
+
+export type { Props as EthicalGuidelinesPageProps } from './ui/EthicalGuidelinesPage';

frontend-next-migration/src/preparedPages/EthicalGuidelinesPage/ui/EthicalGuidelinesPage.async.tsx

@@ -0,0 +1,4 @@
+import dynamic from 'next/dynamic';
+import { Props } from './EthicalGuidelinesPage';
+
+export const EthicalGuidelinesPageAsync = dynamic<Props>(() => import('./EthicalGuidelinesPage'));

frontend-next-migration/src/preparedPages/EthicalGuidelinesPage/ui/EthicalGuidelinesPage.tsx

@@ -0,0 +1,36 @@
+'use client';
+import { ScrollTop } from '@/features/ScrollTop';
+import { classNames } from '@/shared/lib/classNames/classNames';
+import { WikiContentWithSidebar } from '@/shared/ui/v2/WikiContentWithSidebar';
+
+interface Section {
+    id: string;
+    navMenuTitle: string;
+    label: string;
+    description: string;
+    image: string;
+    imageAlt: string;
+    sidebarLogo: string;
+    sidebarLogoAlt: string;
+}
+
+export type Props = {
+    sections: Section[];
+    title: string;
+};
+
+const EthicalGuidelinesPage = (props: Props) => {
+    const { sections = [], title } = props;
+
+    return (
+        <div>
+            <WikiContentWithSidebar
+                sections={sections}
+                title={title}
+            />
+            <ScrollTop />
+        </div>
+    );
+};
+
+export default EthicalGuidelinesPage;

frontend-next-migration/src/shared/appLinks/RoutePaths.ts

@@ -21,6 +21,7 @@ export enum AppRoutesLinks {
     ABOUT = 'ABOUT',
     PRIVACY = 'privacy',
     COOKIES = 'cookies',
+    ETHICAL_GUIDELINES = 'ETHICAL_GUIDELINES',
     FORUM = 'FORUM',
     GAME_ART = 'GAME_ART',
 
@@ -72,6 +73,7 @@ export const RoutePaths: Record<AppRoutesLinks, string> = {
     [AppRoutesLinks.ABOUT]: '/about',
     [AppRoutesLinks.PRIVACY]: '/privacy',
     [AppRoutesLinks.COOKIES]: '/cookies',
+    [AppRoutesLinks.ETHICAL_GUIDELINES]: '/ethical-guidelines',
     [AppRoutesLinks.GAME_ART]: '/artGame',
 
     [AppRoutesLinks.HEROES]: '/heroes',
@@ -130,6 +132,7 @@ export const getRouteJoinUsPage = () => '/join-us';
 export const getRoutePrivacyPage = () => '/privacy';
 export const getRouteCookiesPage = () => '/cookies';
 export const getRouteDataPolicyPage = () => '/data-policy';
+export const getRouteEthicalGuidelinesPage = () => '/ethical-guidelines';
 export const getRouteAboutPage = () => '/about';
 export const getRouteComingSoonPage = () => '/coming';
 export const getRouteForumPage = () => '/forum';