feat(redmine 1298957): add mock pages for texts

Smile-SA · Jun 18, 2024 · 5d16b7f · 5d16b7f
1 parent 91c0b4f
commit 5d16b7f
Show file tree

Hide file tree

Showing 11 changed files with 39 additions and 42 deletions.
diff --git a/.../src/Pages/AgendaPage/AgendaPageTexts.tsx → .../src/Pages/AgendaPage/AgendaPage.mock.tsx b/.../src/Pages/AgendaPage/AgendaPageTexts.tsx → .../src/Pages/AgendaPage/AgendaPage.mock.tsx
diff --git a/packages/storybook-pages/src/Pages/AgendaPage/AgendaPage.tsx b/packages/storybook-pages/src/Pages/AgendaPage/AgendaPage.tsx
@@ -7,12 +7,11 @@ import { Badge, Button, Flex, Group } from '@mantine/core';
 import { FilePdf, PencilSimple, Plus, Trash } from '@phosphor-icons/react';
 import { FoldableColumnLayout, SidebarMenu } from '@smile/haring-react';
 import { Table } from '@smile/haring-react-table';
-import { linkTo } from '@storybook/addon-links';
 import { useState } from 'react';
 
 import { menuMock } from '../BrowsingPage/BrowsingPage.mock';
 
-import { texts } from './AgendaPageText';
+import { texts } from './AgendaPage.mock';
 
 interface IIndicator {
   color: string;
@@ -29,14 +28,14 @@ interface ISubject {
   title: string;
 }
 
-interface IDataItem {
+interface IDataItem extends Record<string, unknown> {
   indicator: IIndicator[];
   schedules: ISchedules;
   subject: ISubject;
 }
 
 export function AgendaPage(): ReactElement {
-  const [data, setData] = useState<IDataItem[]>([
+  const [data, setData] = useState([
     {
       indicator: [{ color: 'blue', value: 'DEV' }],
       schedules: { startTime: '9h30' },
@@ -80,11 +79,9 @@ export function AgendaPage(): ReactElement {
 
   const sidebarMenu = menuMock;
 
-  const tableData: {
-    indicator: ReactElement;
-    schedules: ReactElement;
-    subject: ReactElement;
-  }[] = data.map((element) => {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  const tableData: IDataItem[] = data.map((element) => {
     return {
       indicator: (
         <Group gap="5px">
@@ -133,16 +130,15 @@ export function AgendaPage(): ReactElement {
           {texts.pdfExport}
         </Button>
       </Group>
-      <Table
+      <Table<IDataItem>
         actions={[
           {
             icon: <PencilSimple />,
             id: 'edit',
             label: texts.editDocument,
             onAction: () => {
-              linkTo('3-custom/Pages/AgendaItemPage', 'AgendaItemPage');
-              // window.parent.location.href =
-              //   'http://localhost:6006/?path=/story/3-custom-pages-agendaitempage--agenda-item-page';
+              window.parent.location.href =
+                'http://localhost:6006/?path=/story/3-custom-pages-agendaitempage--agenda-item-page';
             },
           },
           {
@@ -153,7 +149,7 @@ export function AgendaPage(): ReactElement {
               confirmColor: 'red',
               confirmLabel: texts.remove,
               onConfirm: (row) => {
-                removeSubject(row);
+                removeSubject(row as MRT_Row<IDataItem>);
               },
               title: `${texts.remove} ?`,
             },

diff --git a/packages/storybook-pages/src/Pages/BrowsingPage/BrowsingPage.mock.tsx b/packages/storybook-pages/src/Pages/BrowsingPage/BrowsingPage.mock.tsx
@@ -300,3 +300,28 @@ export const menuMock: IMenuItem<number>[] = [
     leftIcon: <User />,
   },
 ];
+
+export const texts = {
+  action: 'Action',
+  browserLabel: 'Parcourir votre appareil',
+  calico: 'CALICO',
+  clients: 'Clients',
+  displayFilters: 'Afficher les filtres',
+  displayFolderProperties: 'Voir les propriétés du dossier',
+  dragLabel: 'Glissez vos documents ici',
+  filter: 'filtrer',
+  folderName: 'Nom du Dossier',
+  folderProperties: 'Propriétés du dossier',
+  hideFilters: 'Masquer les filtres',
+  history: 'Historique',
+  individualContract: 'Contrat Individuel',
+  lifeCycle: 'Cycle de vie',
+  manageFilters: 'Gérer les filtres',
+  metaData: 'Métadonnées',
+  newFolder: 'Nouveau dossier',
+  rights: 'Droits',
+  searchInFilters: 'Chercher dans les filtres',
+  seeDirectoryTree: "Voir l'arborescence",
+  send: 'Envoyer',
+  validateModification: 'Valider les modifications',
+};
diff --git a/packages/storybook-pages/src/Pages/BrowsingPage/BrowsingPage.tsx b/packages/storybook-pages/src/Pages/BrowsingPage/BrowsingPage.tsx
@@ -59,9 +59,9 @@ import {
   gridProps,
   menuMock,
   tableProps,
+  texts,
 } from './BrowsingPage.mock';
 import classes from './BrowsingPage.module.css';
-import { texts } from './BrowsingPageText';
 
 /**
  * Primary UI component for user interaction

diff --git a/packages/storybook-pages/src/Pages/BrowsingPage/BrowsingPageTexts.tsx b/packages/storybook-pages/src/Pages/BrowsingPage/BrowsingPageTexts.tsx
diff --git a/packages/storybook-pages/src/Pages/DashboardPage/DashboardPage.tsx b/packages/storybook-pages/src/Pages/DashboardPage/DashboardPage.tsx
@@ -34,7 +34,7 @@ import {
   SummaryBox,
 } from '@smile/haring-react';
 
-import { texts } from './DashboardPagesTexts';
+import { texts } from './DashboardPages.mock';
 
 // eslint-disable-next-line react-refresh/only-export-components
 export const iconCardMock = {

diff --git a/...ges/DashboardPage/DashboardPagesTexts.tsx → ...ges/DashboardPage/DashboardPages.mock.tsx b/...ges/DashboardPage/DashboardPagesTexts.tsx → ...ges/DashboardPage/DashboardPages.mock.tsx
diff --git a/.../DocumentDetails/DocumentDetailsTexts.tsx → .../DocumentDetails/DocumentDetails.mock.tsx b/.../DocumentDetails/DocumentDetailsTexts.tsx → .../DocumentDetails/DocumentDetails.mock.tsx
diff --git a/packages/storybook-pages/src/Pages/DocumentDetails/DocumentDetails.tsx b/packages/storybook-pages/src/Pages/DocumentDetails/DocumentDetails.tsx
@@ -35,8 +35,8 @@ import {
   CardsMetadata,
 } from '../pages.mock';
 
+import { texts } from './DocumentDetails.mock';
 import classes from './DocumentDetails.module.css';
-import { texts } from './DocumentDetailsTexts';
 
 /**
  * Example Page of a document preview, actions and attributes in a `ResponsiveTabs` component

diff --git a/...ages/SearchResults/SearchResultsTexts.tsx → ...ages/SearchResults/SearchResults.mock.tsx b/...ages/SearchResults/SearchResultsTexts.tsx → ...ages/SearchResults/SearchResults.mock.tsx
diff --git a/packages/storybook-pages/src/Pages/SearchResults/SearchResults.tsx b/packages/storybook-pages/src/Pages/SearchResults/SearchResults.tsx
@@ -41,8 +41,8 @@ import {
   searchDocuments,
 } from '../pages.mock';
 
+import { texts } from './SearchResults.mock';
 import classes from './SearchResults.module.css';
-import { texts } from './SearchResultsTexts';
 
 interface IOptionExtended extends IOption<string> {
   label: string;