From cfecfa5a3cdf35dda21bd65e0ef53d0f72bb33f4 Mon Sep 17 00:00:00 2001
From: fsimonjetz <fabian.simonjetz@ruhr-uni-bochum.de>
Date: Tue, 23 Apr 2024 09:54:15 +0000
Subject: [PATCH] rename Introduction to Home; add menuTitle

---
 src/research-projects/subpages/ResearchProjects.sass       | 2 ++
 .../subpages/caic/{Introduction.tsx => Home.tsx}           | 4 ++--
 src/research-projects/subpages/caic/PageContent.tsx        | 7 +++++--
 src/research-projects/subpages/caic/TableOfContents.tsx    | 5 +++--
 src/research-projects/subpages/subpages.test.tsx           | 2 +-
 src/router/researchProjectRoutes.tsx                       | 6 +++---
 6 files changed, 16 insertions(+), 10 deletions(-)
 create mode 100644 src/research-projects/subpages/ResearchProjects.sass
 rename src/research-projects/subpages/caic/{Introduction.tsx => Home.tsx} (95%)

diff --git a/src/research-projects/subpages/ResearchProjects.sass b/src/research-projects/subpages/ResearchProjects.sass
new file mode 100644
index 000000000..f85d6665e
--- /dev/null
+++ b/src/research-projects/subpages/ResearchProjects.sass
@@ -0,0 +1,2 @@
+.project-page__sidebar
+    flex-direction: column
diff --git a/src/research-projects/subpages/caic/Introduction.tsx b/src/research-projects/subpages/caic/Home.tsx
similarity index 95%
rename from src/research-projects/subpages/caic/Introduction.tsx
rename to src/research-projects/subpages/caic/Home.tsx
index 20aa96a63..27a016063 100644
--- a/src/research-projects/subpages/caic/Introduction.tsx
+++ b/src/research-projects/subpages/caic/Home.tsx
@@ -4,7 +4,7 @@ import SearchForm, { SearchFormProps } from 'fragmentarium/ui/SearchForm'
 import { SearchResult } from 'fragmentarium/ui/search/FragmentariumSearchResult'
 import PageContent from 'research-projects/subpages/caic/PageContent'
 
-export default function Introduction({
+export default function Home({
   fragmentService,
   fragmentSearchService,
   bibliographyService,
@@ -19,7 +19,7 @@ export default function Introduction({
   | 'fragmentQuery'
 >): JSX.Element {
   return (
-    <PageContent title={'Introduction'}>
+    <PageContent title={'Introduction'} menuTitle={'Home'}>
       <p>
         The cuneiform artifacts of the Iraq Museum in Baghdad are a central part
         of the cultural heritage of Mesopotamia, which is of great importance to
diff --git a/src/research-projects/subpages/caic/PageContent.tsx b/src/research-projects/subpages/caic/PageContent.tsx
index c09ea6746..eee7b9a02 100644
--- a/src/research-projects/subpages/caic/PageContent.tsx
+++ b/src/research-projects/subpages/caic/PageContent.tsx
@@ -7,15 +7,18 @@ import TableOfContents from 'research-projects/subpages/caic/TableOfContents'
 
 export default function PageContent({
   title,
+  menuTitle,
   children,
-}: { title: string } & PropsWithChildren<unknown>): JSX.Element {
+}: { title: string; menuTitle?: string } & PropsWithChildren<
+  unknown
+>): JSX.Element {
   return (
     <AppContent
       title={ResearchProjects.CAIC.name}
       crumbs={[
         new TextCrumb('Projects'),
         new TextCrumb(ResearchProjects.CAIC.abbreviation),
-        new TextCrumb(title),
+        new TextCrumb(menuTitle || title),
       ]}
     >
       <Container fluid>
diff --git a/src/research-projects/subpages/caic/TableOfContents.tsx b/src/research-projects/subpages/caic/TableOfContents.tsx
index 0a8a5ac20..077dd2411 100644
--- a/src/research-projects/subpages/caic/TableOfContents.tsx
+++ b/src/research-projects/subpages/caic/TableOfContents.tsx
@@ -3,6 +3,7 @@ import React from 'react'
 import { Nav } from 'react-bootstrap'
 import { ResearchProjects } from 'research-projects/researchProject'
 import TocLink from 'research-projects/subpages/TocLink'
+import 'research-projects/subpages/ResearchProjects.sass'
 
 function CaicTocLink({
   isHome,
@@ -19,8 +20,8 @@ function CaicTocLink({
 
 export default function TableOfContents(): JSX.Element {
   return (
-    <Nav>
-      <CaicTocLink isHome>Introduction</CaicTocLink>
+    <Nav className={'project-page__sidebar'}>
+      <CaicTocLink isHome>Home</CaicTocLink>
       <CaicTocLink>Search</CaicTocLink>
       <CaicTocLink>Publications</CaicTocLink>
       <CaicTocLink>Contact</CaicTocLink>
diff --git a/src/research-projects/subpages/subpages.test.tsx b/src/research-projects/subpages/subpages.test.tsx
index e86da1a7a..fd0756629 100644
--- a/src/research-projects/subpages/subpages.test.tsx
+++ b/src/research-projects/subpages/subpages.test.tsx
@@ -3,7 +3,7 @@ import Promise from 'bluebird'
 import WordService from 'dictionary/application/WordService'
 import FragmentSearchService from 'fragmentarium/application/FragmentSearchService'
 import FragmentService from 'fragmentarium/application/FragmentService'
-import Introduction from './caic/Introduction'
+import Introduction from './caic/Home'
 import BibliographyService from 'bibliography/application/BibliographyService'
 import { act, render } from '@testing-library/react'
 import { createMemoryHistory, MemoryHistory } from 'history'
diff --git a/src/router/researchProjectRoutes.tsx b/src/router/researchProjectRoutes.tsx
index 994e5cd41..aba49d2d4 100644
--- a/src/router/researchProjectRoutes.tsx
+++ b/src/router/researchProjectRoutes.tsx
@@ -9,7 +9,7 @@ import WordService from 'dictionary/application/WordService'
 import FragmentSearchService from 'fragmentarium/application/FragmentSearchService'
 import FragmentService from 'fragmentarium/application/FragmentService'
 import ResearchProjectsOverview from 'research-projects/ResearchProjectsOverview'
-import CaicIntroduction from 'research-projects/subpages/caic/Introduction'
+import CaicHome from 'research-projects/subpages/caic/Home'
 import CaicSearch from 'research-projects/subpages/caic/Search'
 import CaicPublications from 'research-projects/subpages/caic/Publications'
 import CaicContact from 'research-projects/subpages/caic/Contact'
@@ -33,14 +33,14 @@ export default function ResearchProjectRoutes({
       exact
       path={[
         `/projects/${ResearchProjects.CAIC.abbreviation}`,
-        `/projects/${ResearchProjects.CAIC.abbreviation}/introduction`,
+        `/projects/${ResearchProjects.CAIC.abbreviation}/home`,
       ]}
       render={(): ReactNode => (
         <HeadTagsService
           title={`${ResearchProjects.CAIC.abbreviation} in eBL`}
           description={ResearchProjects.CAIC.name}
         >
-          <CaicIntroduction
+          <CaicHome
             fragmentService={fragmentService}
             fragmentSearchService={fragmentSearchService}
             wordService={wordService}