ui cleanup

Author: jamesholcombe

packages/app/src/app/(app)/explore/page.tsx

@@ -2,7 +2,6 @@ import "maplibre-gl/dist/maplibre-gl.css";
 import { PageFrame } from "@/components/common/page-frame";
 import { parseStringParam } from "@/lib/routing";
 import { LayoutDashboard } from "lucide-react";
-import ProjectMap from "./map";
 import { readZones } from "@/db/crud/zone";
 import {
   readLocationsForProject,
@@ -20,6 +19,7 @@ import {
   readNumberOfBoreholes,
   readSptNValueStats,
 } from "@/db/crud/stat";
+import dynamic from "next/dynamic";
 
 // Props for Next.js dynamic route (project dashboard)
 type Props = {
@@ -88,6 +88,10 @@ export default async function Page({ params }: Props) {
     .filter((l) => l.locationIdentifier !== null)
     .map((l) => ({ ...l, locationIdentifier: l.locationIdentifier ?? "" }));
 
+  const ProjectMap = dynamic(() => import("./map").then((mod) => mod), {
+    ssr: false,
+  });
+
   // Group project team members by role
   const owner = team.users.filter((u) => u.role === "OWNER");
   const contributors = team.users.filter((u) => u.role === "CONTRIBUTOR");
@@ -160,13 +164,13 @@ export default async function Page({ params }: Props) {
             />
           </div>
           {/* Right Section: Team members by role */}
-          <Card className="flex w-full flex-shrink-0 flex-col overflow-y-auto p-4 sm:w-64 md:w-80">
-            <CardHeader className="p-0">
-              <CardTitle className="text-md font-semibold">Team</CardTitle>
+          <Card className="flex w-full flex-shrink-0 flex-col overflow-y-auto sm:w-64 md:w-80">
+            <CardHeader>
+              <CardTitle> Team</CardTitle>
             </CardHeader>
-            <CardContent className="ml-2 p-0">
+            <CardContent>
               <div>
-                <h3 className="text-md mb-2 font-semibold">Owner</h3>
+                <h3 className="mb-2 text-sm font-semibold">Owner</h3>
                 <div className="flex flex-wrap gap-2">
                   {owner.length > 0 ? (
                     owner.map(({ user }) => (
@@ -184,7 +188,7 @@ export default async function Page({ params }: Props) {
                 </div>
               </div>
               <div className="mt-6">
-                <h3 className="text-md mb-2 font-semibold">Contributors</h3>
+                <h3 className="mb-2 text-sm font-semibold">Contributors</h3>
                 <div className="flex flex-wrap gap-2">
                   {contributors.length > 0 ? (
                     contributors.map(({ user }) => (
@@ -202,7 +206,7 @@ export default async function Page({ params }: Props) {
                 </div>
               </div>
               <div className="mt-6">
-                <h3 className="text-md mb-2 font-semibold">Viewers</h3>
+                <h3 className="mb-2 text-sm font-semibold">Viewers</h3>
                 <div className="flex flex-wrap gap-2">
                   {viewers.length > 0 ? (
                     viewers.map(({ user }) => (

packages/app/src/app/(app)/projects/[projectId]/activity/page.tsx

@@ -64,18 +64,18 @@ export default async function Page({ params, searchParams }: Props) {
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent>
-            <DropdownMenuItem>
+            <DropdownMenuItem asChild>
               <Link
                 href={`/projects/${projectId}/imports/ags/new`}
-                className="flex items-center gap-2"
+                className="flex cursor-pointer items-center gap-2"
               >
                 <FileText className="h-4 w-4" /> AGS
               </Link>
             </DropdownMenuItem>
-            <DropdownMenuItem>
+            <DropdownMenuItem asChild>
               <Link
                 href={`/projects/${projectId}/imports/csv/new`}
-                className="flex items-center gap-2"
+                className="flex w-full cursor-pointer items-center gap-2"
               >
                 <FileSpreadsheet className="h-4 w-4" /> Excel/CSV
               </Link>

packages/app/src/app/(app)/projects/[projectId]/dashboard/page.tsx

@@ -66,11 +66,7 @@ const homeSidebar: SidebarConfig = {
   navMain: [
     {
       title: "Workspace",
-      items: [
-        { title: "Home", url: "/", iconType: "home" },
-        { title: "Projects", url: "/projects", iconType: "list" },
-        { title: "Explore", url: "/explore", iconType: "search" },
-      ],
+      items: [{ title: "Projects", url: "/projects", iconType: "list" }],
     },
   ],
 };
@@ -114,11 +110,7 @@ const projectSidebar: SidebarConfig = {
           url: "/projects/:id/team",
           iconType: "users",
         },
-        {
-          title: "Activity",
-          url: "/projects/:id/activity",
-          iconType: "clipboard",
-        },
+
         {
           title: "Abbreviations",
           url: "/projects/:id/abbreviations",