UI groundwork for report/map page

commonknowledge · Mar 9, 2024 · 013c817 · 013c817
1 parent cfc2942
commit 013c817
Show file tree

Hide file tree

Showing 20 changed files with 791 additions and 40 deletions.
diff --git a/nextjs/components.json b/nextjs/components.json
@@ -6,12 +6,12 @@
   "tailwind": {
     "config": "tailwind.config.ts",
     "css": "src/app/globals.css",
-    "baseColor": "meepGray",
+    "baseColor": "slate",
     "cssVariables": true,
     "prefix": ""
   },
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils"
   }
-}
+}
diff --git a/nextjs/next.config.js b/nextjs/next.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+    images: {
+      remotePatterns: [
+        {
+          protocol: 'https',
+          hostname: 'www.localintelligencehub.com',
+        },
+      ],
+    },
+  }
diff --git a/nextjs/package-lock.json b/nextjs/package-lock.json
diff --git a/nextjs/package.json b/nextjs/package.json
@@ -16,7 +16,9 @@
     "@apollo/experimental-nextjs-app-support": "^0.8.0",
     "@hookform/resolvers": "^3.3.4",
     "@parcel/watcher": "^2.4.1",
+    "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
@@ -26,6 +28,8 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toggle": "^1.0.3",
+    "@radix-ui/react-toggle-group": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
     "@tanstack/react-table": "^8.13.2",
     "@types/date-fns": "^2.6.0",
     "class-variance-authority": "^0.7.0",

diff --git a/nextjs/src/app/external-data-source-updates/ExternalDataSourceUpdates.tsx b/nextjs/src/app/external-data-source-updates/ExternalDataSourceUpdates.tsx
@@ -46,7 +46,7 @@ export default function ExternalDataSourceUpdates() {
     <div className=" max-w-7xl space-y-7 w-full">
       <PageHeader />
       <div className="border-b border-meepGray-700 pt-10" />
-      <h2 className="text-hSm">Active Syncs</h2>
+      <h2 className="text-hSm label">Active Syncs</h2>
       {loading ? (
         <section className="grid gap-7 grid-cols-1 sm:grid-cols-2 md:grid-cols-4">
           <article className="rounded-xl border border-meepGray-700 px-6 py-5 space-y-3">

diff --git a/nextjs/src/app/globals.css b/nextjs/src/app/globals.css
@@ -16,15 +16,27 @@
 }
 
 @font-face {
-  font-family: IBMPlexSans;
+  font-family: IBMPlexSansReg;
   src: url("../fonts/IBMPlexSans/IBMPlexSans-Regular.ttf");
 }
-
+@font-face {
+  font-family: IBMPlexSansMedium;
+  src: url("../fonts/IBMPlexSans/IBMPlexSans-Medium.ttf");
+}
+@font-face {
+  font-family: IBMPlexSansSemiBold;
+  src: url("../fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf");
+}
 @font-face {
   font-family: IBMPlexSansCondensed;
   src: url("../fonts/IBMPlexSans/IBMPlexSansCondensed-Regular.ttf");
 }
 
+@font-face {
+  font-family: IBMPlexMono;
+  src: url("../fonts/IBMPlexMono/IBMPlexMono-Regular.ttf");
+}
+
 @layer base {
   :root {
     --meep-gray-100: 220, 14%, 96%;
@@ -46,14 +58,14 @@
     --card-foreground: 222.2 84% 4.9%;
     --popover: 0 0% 100%;
     --popover-foreground: 222.2 84% 4.9%;
-    --primary: 222.2 47.4% 11.2%;
+    --primary: 222, 14%, 34%;
     --primary-foreground: 210 40% 98%;
     --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
+    --secondary-foreground: 222, 14%, 34%;
     --muted: 210 40% 96.1%;
     --muted-foreground: 215.4 16.3% 46.9%;
     --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
+    --accent-foreground: 222, 14%, 34%;
     --border: 0, 0%, 100%, 0.32;
 
     --brand: 222, 69%, 65%;
@@ -75,7 +87,6 @@
   body {
     @apply bg-meepGray-800 text-white font-IBMPlexSans;
   }
-
 }
 
 @layer components {