From f61fa01bc5c7b8b008907da822f7bdf600361870 Mon Sep 17 00:00:00 2001
From: Florian SIPP <florian.sipp@chuv.ch>
Date: Sun, 11 May 2025 16:20:09 +0000
Subject: [PATCH] Remove dashes in front end for the name of collabs

---
 src/components/Project/Desktops.tsx     | 2 +-
 src/components/Project/Files.tsx        | 4 ++--
 src/components/Project/TransferData.tsx | 4 ++--
 src/components/Project/Workspace.tsx    | 2 +-
 src/components/Projects/ProjectCard.tsx | 2 +-
 src/components/Sidebar.tsx              | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Project/Desktops.tsx b/src/components/Project/Desktops.tsx
index 41da313e..77a62df9 100644
--- a/src/components/Project/Desktops.tsx
+++ b/src/components/Project/Desktops.tsx
@@ -153,7 +153,7 @@ const ProjectDesktops = (): JSX.Element => {
 		<>
 			<Modal ref={modalRef} />
 			<TitleBar
-				title={`Desktops: ${project?.title || ''} `}
+				title={`Desktops: ${project?.title.replace(/-/g, ' ') || ''} `}
 				description={
 					'Desktops are shared accross members and can be used to run applications on projects data.'
 				}
diff --git a/src/components/Project/Files.tsx b/src/components/Project/Files.tsx
index 198cbca2..9df80663 100644
--- a/src/components/Project/Files.tsx
+++ b/src/components/Project/Files.tsx
@@ -21,7 +21,7 @@ const Data = () => {
 
 	return (
 		<Box sx={{ mb: 2 }}>
-			<TitleBar title={`Files: ${selectedProject?.title || ''} `} />
+			<TitleBar title={`Files: ${selectedProject?.title.replace(/-/g, ' ') || ''} `} />
 
 			<Box sx={{ mt: 2 }}>
 				<Box elevation={2} component={Paper} sx={{ mt: 2, mb: 2 }}>
@@ -38,7 +38,7 @@ const Data = () => {
 				<Box sx={{ mt: 2 }}>
 					<Box elevation={2} component={Paper} sx={{ p: 1, flex: '1 0' }}>
 						<Typography variant='h6'>
-							{selectedProject?.title || ''} Files
+							{selectedProject?.title.replace(/-/g, ' ') || ''} Files
 						</Typography>
 
 						<Box
diff --git a/src/components/Project/TransferData.tsx b/src/components/Project/TransferData.tsx
index a53c2b75..919e2d62 100644
--- a/src/components/Project/TransferData.tsx
+++ b/src/components/Project/TransferData.tsx
@@ -108,12 +108,12 @@ export default function TransferData() {
             ?.map(center => center.label)
             .join(', ') || null
 
-    const projectTitle = selectedProject?.title || ''
+    const projectTitle = selectedProject?.title.replace(/-/g, ' ') || ''
 
     return (
         <Box sx={{ mb: 2 }}>
             <TitleBar
-                title={`Transfer data to ${selectedProject?.title || ''} `}
+                title={`Transfer data to ${projectTitle} `}
                 description='Transfer center data to a project '
             />
 
diff --git a/src/components/Project/Workspace.tsx b/src/components/Project/Workspace.tsx
index b47f9043..85a03962 100644
--- a/src/components/Project/Workspace.tsx
+++ b/src/components/Project/Workspace.tsx
@@ -103,7 +103,7 @@ const ProjectDashboard = () => {
 		<>
 			<Modal ref={modalRef} />
 			<Box sx={{ mb: 2 }}>
-				<TitleBar title={`${project?.title || ''} `} />
+				<TitleBar title={`${project?.title.replace(/-/g, ' ') || ''} `} />
 
 				<Box
 					sx={{ display: 'flex', flexWrap: 'wrap', gap: '16px 16px', mt: 2 }}
diff --git a/src/components/Projects/ProjectCard.tsx b/src/components/Projects/ProjectCard.tsx
index 162d5678..a62d9bf8 100644
--- a/src/components/Projects/ProjectCard.tsx
+++ b/src/components/Projects/ProjectCard.tsx
@@ -44,7 +44,7 @@ const ProjectCard = ({ project, users }: Props) => {
 							alignItems: 'center',
 						}}
 					>
-						<Typography variant='h6'>{project?.title}</Typography>
+						<Typography variant='h6'>{project?.title.replace(/-/g, ' ')}</Typography>
 						<Avatar
 							sx={{ bgcolor: '#174040', width: 48, height: 48 }}
 							aria-label='project'
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 6b0b64d4..09d73bf4 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -314,7 +314,7 @@ const Sidebar = () => {
 							<ListItemIcon>
 								<Folder />
 							</ListItemIcon>
-							<ListItemText primary={`${project.title}`} />
+							<ListItemText primary={`${project.title.replace(/-/g, ' ')}`} />
 							{openProjects[project.name] ? <ExpandLess /> : <ExpandMore />}
 						</ListItemButton>
 						<Collapse
@@ -455,7 +455,7 @@ const Sidebar = () => {
 							<ListItemIcon>
 								<Folder />
 							</ListItemIcon>
-							<ListItemText primary={`${project.title}`} />
+							<ListItemText primary={`${project.title.replace(/-/g, ' ')}`} />
 							{openProjects[project.name] ? <ExpandLess /> : <ExpandMore />}
 						</ListItemButton>
 						<Collapse