fix(unit-user-usage): change page titles and url

Author: OliverDudgeon

components/usage/UnitUserUsage.tsx

@@ -91,13 +91,14 @@ export const UnitUserUsage = ({ unitId }: UnitUserUsageProps) => {
   return (
     <Container maxWidth="xl">
       <Typography component="h2" variant="h1">
-        User Usage
+        Unit Inventory
       </Typography>
       <Typography variant="h3">
         Unit: <em>{unit.name}</em>
       </Typography>
 
       <Typography>Owner: {unit.owner_id}</Typography>
+
       <Box marginY={1}>
         {pivot ? (
           <UserUsageByProjectTable

components/usage/UserUsageByProjectTable.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState } from "react";
 import type { InventoryUserDetail } from "@squonk/data-manager-client";
 
 import { Edit } from "@mui/icons-material";
-import { Chip } from "@mui/material";
+import { Chip, Typography } from "@mui/material";
 import { createColumnHelper } from "@tanstack/react-table";
 import groupBy from "just-group-by";
 
@@ -132,6 +132,10 @@ export const UserUsageByProjectTable = ({
           onMemberChange={onChange}
         />
       )}
+
+      <Typography gutterBottom variant="h4">
+        Project Members
+      </Typography>
       <DataTable
         columns={columns}
         customRowProps={(row) => ({

components/usage/UserUsageTable.tsx

@@ -154,6 +154,10 @@ export const UserUsageTable = ({ users, toolbarContent, onChange }: UserUsageTab
 
   return (
     <>
+      <Typography gutterBottom variant="h4">
+        User Usage
+      </Typography>
+
       <DataTable columns={columns} data={users} toolbarContent={toolbarContent} />
       <Typography variant="caption">
         A user is considered active in a given day if they have used the Data Manager API

components/userContext/SelectUnit.tsx

@@ -82,7 +82,7 @@ export const SelectUnit = ({
                       <Adornment href={`/unit/${unit.id}/charges`} title="Charges">
                         <ReceiptIcon />
                       </Adornment>
-                      <Adornment href={`/unit/${unit.id}/user-usage`} title="User Usage">
+                      <Adornment href={`/unit/${unit.id}/inventory`} title="User Usage">
                         <DataUsageIcon />
                       </Adornment>
                     </>

pages/unit/[unitId]/user-usage.tsx renamed to pages/unit/[unitId]/inventory.tsx

@@ -44,7 +44,7 @@ declare module "nextjs-routes" {
     | StaticRoute<"/results">
     | StaticRoute<"/run">
     | DynamicRoute<"/unit/[unitId]/charges", { "unitId": string }>
-    | DynamicRoute<"/unit/[unitId]/user-usage", { "unitId": string }>
+    | DynamicRoute<"/unit/[unitId]/inventory", { "unitId": string }>
     | StaticRoute<"/viewer/sdf">;
 
   interface StaticRoute<Pathname> {