added tabs, analytics, react graph on dashboard

Katleho-codes · Apr 27, 2023 · e4002a2 · e4002a2
1 parent a9eccc0
commit e4002a2
Show file tree

Hide file tree

Showing 18 changed files with 900 additions and 27 deletions.
diff --git a/components/AnalyticCard.tsx b/components/AnalyticCard.tsx
@@ -1,9 +1,19 @@
 import React from 'react'
+import { analytic } from '../public/_data/analytics'
 
 function AnalyticCard() {
   return (
     <>
-
+
+      {
+        analytic.map((item) => (
+          <article className='bg-white rounded-md border-2 h-full shadow-md p-5 flex justify-between flex-col gap-2 text-center' key={item.id}>
+            <h4 className="capitalize font-sans text-5xl font-extrabold text-gray-900">{item.stat}</h4>
+            <p className="capitalize font-sans text-xl font-normal text-gray-600">{item.title}</p>
+          </article>
+        ))
+      }
+
     </>
   )
 }

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -93,7 +93,7 @@ export default function Navbar() {
                     <div className="flex items-center justify-between">
                         <a href="#" className="-m-1.5 p-1.5">
                             <span className="sr-only">Your Company</span>
-                            <svg id="logo-15" width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5 12.75C24.5 18.9632 19.4632 24 13.25 24H2V12.75C2 6.53679 7.03679 1.5 13.25 1.5C19.4632 1.5 24.5 6.53679 24.5 12.75Z" class="ccustom" fill="#17CF97"></path> <path d="M24.5 35.25C24.5 29.0368 29.5368 24 35.75 24H47V35.25C47 41.4632 41.9632 46.5 35.75 46.5C29.5368 46.5 24.5 41.4632 24.5 35.25Z" class="ccustom" fill="#17CF97"></path> <path d="M2 35.25C2 41.4632 7.03679 46.5 13.25 46.5H24.5V35.25C24.5 29.0368 19.4632 24 13.25 24C7.03679 24 2 29.0368 2 35.25Z" class="ccustom" fill="#17CF97"></path> <path d="M47 12.75C47 6.53679 41.9632 1.5 35.75 1.5H24.5V12.75C24.5 18.9632 29.5368 24 35.75 24C41.9632 24 47 18.9632 47 12.75Z" className="ccustom w-auto" fill="#17CF97"></path> </svg>
+                            <svg id="logo-15" width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5 12.75C24.5 18.9632 19.4632 24 13.25 24H2V12.75C2 6.53679 7.03679 1.5 13.25 1.5C19.4632 1.5 24.5 6.53679 24.5 12.75Z" className="ccustom" fill="#17CF97"></path> <path d="M24.5 35.25C24.5 29.0368 29.5368 24 35.75 24H47V35.25C47 41.4632 41.9632 46.5 35.75 46.5C29.5368 46.5 24.5 41.4632 24.5 35.25Z" className="ccustom" fill="#17CF97"></path> <path d="M2 35.25C2 41.4632 7.03679 46.5 13.25 46.5H24.5V35.25C24.5 29.0368 19.4632 24 13.25 24C7.03679 24 2 29.0368 2 35.25Z" className="ccustom" fill="#17CF97"></path> <path d="M47 12.75C47 6.53679 41.9632 1.5 35.75 1.5H24.5V12.75C24.5 18.9632 29.5368 24 35.75 24C41.9632 24 47 18.9632 47 12.75Z" className="ccustom w-auto" fill="#17CF97"></path> </svg>
                         </a>
                         <button
                             type="button"