fix: fix base path on some links

Author: OliverDudgeon

components/logo/LogoImage.tsx

@@ -8,7 +8,7 @@ export interface LogoImageProps {
 
 const alt = "Squonk (animal) logo with title text 'Squonk' and subtitle 'Data Manager'";
 
-const basePath = process.env.NEXT_PUBLIC_BASE_PATH;
+const basePath = process.env.NEXT_PUBLIC_BASE_PATH ?? "";
 
 export const LogoImage = ({ variant }: LogoImageProps) => {
   const [scheme] = useColorScheme();

components/products/ChargesLinkIconButton.tsx

@@ -13,7 +13,7 @@ export const ChargesLinkIconButton = ({ productId }: ChargesLinkIconButtonProps)
       <span>
         <IconButton
           disabled={!productId}
-          href={`/product/${productId}/charges`}
+          href={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/product/${productId}/charges`}
           size="small"
           sx={{ p: "1px" }}
           target="_blank"

components/userContext/SelectUnit.tsx

@@ -58,7 +58,9 @@ export const SelectUnit = (props: SelectUnitProps) => {
                     <Tooltip title="Charges">
                       <span>
                         <IconButton
-                          href={`/unit/${unit.id}/charges`}
+                          href={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/unit/${
+                            unit.id
+                          }/charges`}
                           size="small"
                           sx={{ p: "1px" }}
                           target="_blank"

features/DatasetsTable/DatasetDetails/VersionViewSection/VersionViewSection.tsx

@@ -28,7 +28,7 @@ export const VersionViewSection = ({ dataset, version }: VersionViewSectionProps
         button
         component="a"
         href={
-          process.env.NEXT_PUBLIC_BASE_PATH +
+          (process.env.NEXT_PUBLIC_BASE_PATH ?? "") +
           API_ROUTES.datasetVersion(dataset.dataset_id, version.version, "/api/viewer-proxy")
         }
         rel="noopener noreferrer"

features/ProjectTable/ProjectFileDetails/ProjectViewSection/ProjectViewSection.tsx

@@ -23,7 +23,7 @@ export const ProjectViewSection = ({ file }: ProjectViewSectionProps) => {
           button
           component="a"
           href={
-            process.env.NEXT_PUBLIC_BASE_PATH +
+            (process.env.NEXT_PUBLIC_BASE_PATH ?? "") +
             API_ROUTES.projectFile(projectId, path, file.fileName, "/api/viewer-proxy")
           }
           rel="noopener noreferrer"

layouts/navigation/UserMenuContent.tsx

@@ -26,7 +26,7 @@ export const UserMenuContent = () => {
         <Typography>
           {user.username} /{" "}
           <Link
-            href={process.env.NEXT_PUBLIC_BASE_PATH + `/api/auth/logout`}
+            href={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/auth/logout`}
             onClick={() => {
               localStorage.clear();
               setUnit();
@@ -38,7 +38,7 @@ export const UserMenuContent = () => {
         </Typography>
       ) : (
         <Typography>
-          <Link href={process.env.NEXT_PUBLIC_BASE_PATH + `/api/auth/login`}>Login</Link>
+          <Link href={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/auth/login`}>Login</Link>
         </Typography>
       )}
     </>