diff --git a/components/AnalyticCard.tsx b/components/AnalyticCard.tsx index f87ac40..27fd6ba 100644 --- 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) => ( +
+

{item.stat}

+

{item.title}

+
+ )) + } + ) } diff --git a/components/Navbar.tsx b/components/Navbar.tsx index 4bf5322..c270eac 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -93,7 +93,7 @@ export default function Navbar() {
Your Company - + - +
+
+

Dashboard

+ +
+ + Options + +
+ + +
+ + {({ active }) => ( + + )} + + + {({ active }) => ( + + )} + +
+
+ + {({ active }) => ( + + )} + + + {({ active }) => ( + + )} + +
+
+ + {({ active }) => ( + + )} + +
+ + + +
+
+ +
-
-
-

Units in

-
-
+
+ + + {Object.keys(categories).map((category) => ( + + classNames( + 'w-full rounded-lg py-2.5 text-sm font-medium leading-5 text-blue-700', + 'ring-white ring-opacity-60 ring-offset-2 ring-offset-blue-400 focus:outline-none focus:ring-2', + selected + ? 'bg-white shadow' + : 'text-blue-100 hover:bg-white/[0.12] hover:text-white' + ) + } + > + {category} + + ))} + + + {Object.values(categories).map((posts, idx) => ( + +
    + {posts.map((post) => ( +
  • +

    + {post.title} +

    + +
      +
    • {post.date}
      • +
    • ·
      • +
    • {post.commentCount} comments
      • +
    • ·
      • +
    • {post.shareCount} shares
      • +
    + + +
    • + ))} +
+ + ))} + + +
@@ -28,4 +322,226 @@ function Dashboard() { ) } + +function EditInactiveIcon(props) { + return ( + + + + ) +} + +function EditActiveIcon(props) { + return ( + + + + ) +} + +function DuplicateInactiveIcon(props) { + return ( + + + + + ) +} + +function DuplicateActiveIcon(props) { + return ( + + + + + ) +} + +function ArchiveInactiveIcon(props) { + return ( + + + + + + ) +} + +function ArchiveActiveIcon(props) { + return ( + + + + + + ) +} + +function MoveInactiveIcon(props) { + return ( + + + + + + ) +} + +function MoveActiveIcon(props) { + return ( + + + + + + ) +} + +function DeleteInactiveIcon(props) { + return ( + + + + + + ) +} + +function DeleteActiveIcon(props) { + return ( + + + + + + ) +} export default Dashboard