mongodb connection

components/Footer/Footer.tsx

@@ -0,0 +1,9 @@
+import Image from "next/image";
+
+export default function Footer() {
+  return (
+    <footer className="flex justify-center bg-primary-800 p-4 text-primary-100">
+      <Image width={250} height={250} className="block h-8 w-auto" src="/Isacon logo RGB_1.png" alt="Isacon" />
+    </footer>
+  )
+}

components/Layout/Layout.tsx

@@ -0,0 +1,23 @@
+import Head from "next/head"
+import Footer from "../Footer/Footer"
+import Navbar from "../Navbar/Navbar"
+
+export default function Layout({ children }) {
+  return (
+    <>
+      <Head>
+        <meta property="og:url" content="https://isacon.be" />
+        <meta property="og:image" content="/Isacon logo RBG_1.png" />
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="630" />
+        <meta name="twitter:card" content="summary_large_image" />
+        <title>IsaCon</title>
+      </Head>
+      <div className="flex h-screen flex-col justify-between">
+        <Navbar />
+        <main className="h-screen mb-auto bg-primary-50">{children}</main>
+        <Footer />
+      </div>
+    </>
+  )
+}

components/Navbar/Navbar.tsx

@@ -0,0 +1,54 @@
+export default function Navbar() {
+  return (
+    <nav className="bg-primary-800">
+      <div className="mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex h-16 items-center justify-between">
+          <div className="flex items-center">
+            <div className="shrink-0">
+              <img className="block h-8 w-auto" src="/Isacon logo RGB_1.png" alt="Isacon" />
+            </div>
+            <div className="hidden sm:ml-6 sm:block">
+              <div className="flex space-x-4">
+                <a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
+                  Dashboard
+                </a>
+                <a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
+                  Team
+                </a>
+                <a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
+                  Projects
+                </a>
+                <a className="rounded-md px-3 py-2 text-sm font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
+                  Calendar
+                </a>
+              </div>
+            </div>
+          </div>
+          <div className="-mr-2 flex sm:hidden">
+            {/* Mobile menu button */}
+            <button className="inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-primary-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white">
+              <span className="sr-only">Open main menu</span>
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div className="sm:hidden">
+        <div className="space-y-1 px-2 pb-3 pt-2">
+          <button className="block rounded-md bg-primary-900 px-3 py-2 text-base font-medium text-white">
+            Dashboard
+          </button>
+          <button className="block rounded-md px-3 py-2 text-base font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
+            Team
+          </button>
+          <button className="block rounded-md px-3 py-2 text-base font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
+            Projects
+          </button>
+          <button className="block rounded-md px-3 py-2 text-base font-medium text-primary-50 hover:bg-primary-700 hover:text-white">
+            Calendar
+          </button>
+        </div>
+      </div>
+    </nav>
+  )
+}

components/Tooltip/Tooltip.tsx

@@ -1,73 +0,0 @@
-import * as RadixTooltip from "@radix-ui/react-tooltip"
-import { cva, VariantProps } from "class-variance-authority"
-import React from "react"
-import { twMerge } from "tailwind-merge"
-
-const tooltipContent = cva([], {
-  variants: {
-    intent: {
-      primary: ["rounded-0.5md", "bg-zinc-700", "font-open-sans", "text-white"],
-    },
-    size: {
-      md: ["px-4", "py-2.5", "text-2xs"],
-    },
-  },
-  defaultVariants: {
-    intent: "primary",
-    size: "md",
-  },
-})
-
-const tooltipArrow = cva([], {
-  variants: {
-    intent: {
-      primary: ["fill-zinc-700"],
-    },
-    size: {
-      md: ["w-4", "h-2"],
-    },
-  },
-  defaultVariants: {
-    intent: "primary",
-    size: "md",
-  },
-})
-
-export interface TooltipProps extends VariantProps<typeof tooltipContent>, RadixTooltip.TooltipProps {
-  explainer: React.ReactElement | string
-  children: React.ReactElement
-  className?: string
-  withArrow?: boolean
-  side?: "top" | "right" | "bottom" | "left"
-}
-
-export function Tooltip({
-  children,
-  explainer,
-  open,
-  defaultOpen,
-  onOpenChange,
-  intent,
-  size,
-  side = "top",
-  className,
-  withArrow,
-}: TooltipProps) {
-  return (
-    <RadixTooltip.Provider>
-      <RadixTooltip.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange} delayDuration={200}>
-        <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>
-        <RadixTooltip.Portal>
-          <RadixTooltip.Content
-            side={side}
-            sideOffset={5}
-            className={twMerge(tooltipContent({ intent, size, className }))}
-          >
-            {explainer}
-            {withArrow ? <RadixTooltip.Arrow className={twMerge(tooltipArrow({ intent, size, className }))} /> : null}
-          </RadixTooltip.Content>
-        </RadixTooltip.Portal>
-      </RadixTooltip.Root>
-    </RadixTooltip.Provider>
-  )
-}