From a696193b36f614cf344775d93174468c05a94a9a Mon Sep 17 00:00:00 2001
From: Jonathan Haab <jonathan.haab@chuv.ch>
Date: Tue, 8 Apr 2025 11:58:38 +0000
Subject: [PATCH] Remove usage of HIP- suffix and change workspace description

---
 src/components/Projects/Create.tsx      |  2 +-
 src/components/Projects/ProjectCard.tsx | 82 ++++++++++++++-----------
 src/components/Projects/index.tsx       |  2 +-
 src/components/UI/DesktopInfo.tsx       |  2 +-
 4 files changed, 50 insertions(+), 38 deletions(-)

diff --git a/src/components/Projects/Create.tsx b/src/components/Projects/Create.tsx
index 6986a52f..1897fbdb 100644
--- a/src/components/Projects/Create.tsx
+++ b/src/components/Projects/Create.tsx
@@ -91,7 +91,7 @@ const CreateProject = () => {
 									},
 								}
 
-								const futureName = `HIP-${title.replace(/[^a-zA-Z0-9]+/g, '-')}`
+								const futureName = `${title.replace(/[^a-zA-Z0-9]+/g, '-')}`
 
 								trackEvent({
 									category: 'Project',
diff --git a/src/components/Projects/ProjectCard.tsx b/src/components/Projects/ProjectCard.tsx
index 7bac79af..162d5678 100644
--- a/src/components/Projects/ProjectCard.tsx
+++ b/src/components/Projects/ProjectCard.tsx
@@ -35,8 +35,8 @@ const ProjectCard = ({ project, users }: Props) => {
 	// Description for collaborative projects in the all collab projects page
 	return (
 		<NavLink to={`${ROUTE_PREFIX}/projects/${project.name}`}>
-			<Card elevation={3} component={Paper} sx={{ width: 280, minHeight: 320 }}>
-				<CardContent>
+			<Card elevation={3} component={Paper} sx={{ width: 280, height: 340 }}>
+				<CardContent sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
 					<Box
 						sx={{
 							display: 'flex',
@@ -65,41 +65,53 @@ const ProjectCard = ({ project, users }: Props) => {
 						{`Owner: ${projectAdmins?.map(u => u.displayName).join(', ')}`}
 					</Typography>
 
-					<Stack
-						sx={{
-							maxHeight: 240,
-							display: 'flex',
-							flexDirection: 'column',
-							overflowY: 'scroll',
-						}}
-					>
+					<Box sx={{ flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column' }}>
 						<Typography variant='subtitle1'>Members</Typography>
-						{project?.members?.length === 0 && (
-							<Typography variant='subtitle1'>No members yet</Typography>
-						)}
-						{[...(project?.members ?? [])]
-							.map(
-								u =>
-									users.find(user => user.id === u) ?? {
-										id: u,
-										name: u,
-										displayName: u,
-									}
-							)
-
-							.map(u => (
-								<Box
-									key={u.id}
-									display='flex'
-									justifyContent='space-between'
-									alignItems='center'
-								>
-									<UserInfo key={u.id} user={u} />
-								</Box>
-							))}
-					</Stack>
+						<Stack
+							sx={{
+								flex: 1,
+								overflowY: 'auto',
+								'&::-webkit-scrollbar': {
+									width: '6px',
+								},
+								'&::-webkit-scrollbar-track': {
+									background: '#f1f1f1',
+									borderRadius: '10px',
+								},
+								'&::-webkit-scrollbar-thumb': {
+									background: '#888',
+									borderRadius: '10px',
+								},
+								'&::-webkit-scrollbar-thumb:hover': {
+									background: '#555',
+								},
+							}}
+						>
+							{project?.members?.length === 0 && (
+								<Typography variant='subtitle1'>No members yet</Typography>
+							)}
+							{[...(project?.members ?? [])]
+								.map(
+									u =>
+										users.find(user => user.id === u) ?? {
+											id: u,
+											name: u,
+											displayName: u,
+										}
+								)
+								.map(u => (
+									<Box
+										key={u.id}
+										display='flex'
+										justifyContent='space-between'
+										alignItems='center'
+									>
+										<UserInfo key={u.id} user={u} />
+									</Box>
+								))}
+						</Stack>
+					</Box>
 				</CardContent>
-				<Box sx={{ flexGrow: 1 }}></Box>
 			</Card>
 		</NavLink>
 	)
diff --git a/src/components/Projects/index.tsx b/src/components/Projects/index.tsx
index 61d95348..5f8c67bd 100644
--- a/src/components/Projects/index.tsx
+++ b/src/components/Projects/index.tsx
@@ -27,7 +27,7 @@ const Projects = () => {
 	return (
 		<>
 			<TitleBar
-				title={'Collaborative Workspaces Projects'}
+				title={'Collaborative Workspaces'}
 				description={
 					'Collaborate on projects with ease in our secure workspace. Sensitive data remains protected and accessible only to authorized members.'
 				}
diff --git a/src/components/UI/DesktopInfo.tsx b/src/components/UI/DesktopInfo.tsx
index 30fb7670..7aeb99a6 100644
--- a/src/components/UI/DesktopInfo.tsx
+++ b/src/components/UI/DesktopInfo.tsx
@@ -26,7 +26,7 @@ const DesktopInfo = ({ desktop }: { desktop: Container }) => (
 		</Box>
 		{desktop.workspace === 'collab' && (
 			<Typography variant='caption' gutterBottom component='div'>
-				Project: {desktop.groupIds?.map(g => g.replace('HIP-', '')).join(', ')}
+				Project: {desktop.groupIds?.join(', ')}
 			</Typography>
 		)}
 	</>