use system path util (#338)

TACC-Cloud · Mar 3, 2025 · d423351 · d423351
1 parent 3b52c30
commit d423351
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 9 deletions.
diff --git a/react/src/components/CreateMapModal/CreateMapModal.tsx b/react/src/components/CreateMapModal/CreateMapModal.tsx
@@ -18,6 +18,7 @@ import { useAuthenticatedUser, useCreateProject } from '@hazmapper/hooks';
 import { ProjectRequest } from '@hazmapper/types';
 import { FileListing } from '@hazmapper/components/Files';
 import { truncateMiddle } from '@hazmapper/utils/truncateMiddle';
+import { renderFilePathLabel } from '@hazmapper/utils/fileUtils';
 import styles from './CreateMapModal.module.css';
 
 type CreateMapModalProps = {
@@ -99,13 +100,11 @@ const CreateMapModal = ({ isOpen, closeModal }: CreateMapModalProps) => {
 
   const handleDirectoryChange = (directory: string) => {
     const systemId = getValues('systemId');
-    const saveLocationDisplay =
-      systemId === 'designsafe.storage.default'
-        ? directory.replace(
-            new RegExp(`^${userData?.username}(/)?`),
-            'My Data/'
-          )
-        : directory.replace(new RegExp(`^(/)?`), 'Project Root/');
+    const saveLocationDisplay = renderFilePathLabel(
+      directory,
+      userData?.username || '',
+      systemId
+    );
     setValue('saveLocationDisplay', saveLocationDisplay);
     setValue('systemPath', directory);
   };

diff --git a/react/src/components/ManageMapProjectPanel/SaveTabContent.tsx b/react/src/components/ManageMapProjectPanel/SaveTabContent.tsx
@@ -2,7 +2,12 @@ import React, { useMemo } from 'react';
 import { Project } from '@hazmapper/types';
 import { List, Button } from 'antd';
 import { LoadingSpinner, SectionMessage } from '@tacc/core-components';
-import { useAppConfiguration, useDesignSafeProjects } from '@hazmapper/hooks';
+import {
+  useAppConfiguration,
+  useDesignSafeProjects,
+  useAuthenticatedUser,
+} from '@hazmapper/hooks';
+import { renderFilePathLabel } from '@hazmapper/utils/fileUtils';
 
 interface SaveTabProps {
   project: Project;
@@ -16,6 +21,7 @@ const SaveTabContent: React.FC<SaveTabProps> = ({ project }) => {
     isLoading,
     error,
   } = useDesignSafeProjects();
+  const { data: userData } = useAuthenticatedUser();
   const dsDataDepotUrl = `${config.designsafePortalUrl}/data/browser/`;
   const dsProj = designSafeProjects?.result?.find(
     (ds_project) =>
@@ -79,7 +85,11 @@ const SaveTabContent: React.FC<SaveTabProps> = ({ project }) => {
                 rel="noreferrer"
                 style={{ padding: 0 }}
               >
-                {project.system_path}
+                {renderFilePathLabel(
+                  project.system_path,
+                  userData?.username || '',
+                  project.system_id
+                )}
               </Button>
             </>
           }

diff --git a/react/src/utils/fileUtils.ts b/react/src/utils/fileUtils.ts
@@ -58,3 +58,13 @@ export const convertFilesToTapisPaths = (files: File[]): TapisFilePath[] => {
     };
   });
 };
+
+export const renderFilePathLabel = (
+  path: string,
+  username: string,
+  systemId: string
+) => {
+  return systemId === 'designsafe.storage.default'
+    ? path.replace(new RegExp(`^${username}(/)?`), 'My Data/')
+    : path.replace(new RegExp(`^(/)?`), 'Project Root/');
+};