diff --git a/.eslintrc.json b/.eslintrc.json index 99754607..d26019a2 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -69,6 +69,7 @@ "object-curly-newline": [2, { "minProperties": 4, "consistent": true }], "brace-style": 2, "no-multiple-empty-lines": 2, - "eol-last": [2, "always"] + "eol-last": [2, "always"], + "no-nested-ternary": 2 } } diff --git a/public/avatar.png b/public/avatar.png new file mode 100644 index 00000000..1ca6e3a2 Binary files /dev/null and b/public/avatar.png differ diff --git a/public/chingu_logo.png b/public/chingu_logo.png new file mode 100644 index 00000000..c880b372 Binary files /dev/null and b/public/chingu_logo.png differ diff --git a/public/grey_ball.png b/public/grey_ball.png new file mode 100644 index 00000000..5f3cd173 Binary files /dev/null and b/public/grey_ball.png differ diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28c..00000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index d2f84222..00000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e6fe0c97..f6ee4da7 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,8 +1,7 @@ import "./globals.css"; import type { Metadata } from "next"; import { Inter } from "next/font/google"; -import { BellIcon } from "@heroicons/react/24/solid"; -import { StoreProvider } from "@/components"; +import { StoreProvider, Navbar } from "@/components"; export const metadata: Metadata = { title: "Create Next App", @@ -24,9 +23,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/tech-stack/components/TechStackContainer.tsx b/src/app/tech-stack/components/TechStackContainer.tsx index cda850a6..10c0a722 100644 --- a/src/app/tech-stack/components/TechStackContainer.tsx +++ b/src/app/tech-stack/components/TechStackContainer.tsx @@ -3,6 +3,15 @@ import styles from "./TechStackContainer.module.css"; import { TechStackCard } from "."; export default function TechStackContainer() { + function getJustifyClass(index: number) { + if (index % 3 === 0) { + return "justify-self-start"; + } else if (index % 3 === 1) { + return "justify-self-center"; + } else { + return "justify-self-end"; + } + } return (
(
  • +
    avatar + + {notificationCount} + + +
    + ); +} diff --git a/src/components/navbar/ChinguMenu.tsx b/src/components/navbar/ChinguMenu.tsx new file mode 100644 index 00000000..5236d972 --- /dev/null +++ b/src/components/navbar/ChinguMenu.tsx @@ -0,0 +1,16 @@ +import Image from "next/image"; + +export default function ChinguMenu() { + return ( +
    + Chingu Logo +

    Chingu

    +
    + ); +} diff --git a/src/components/navbar/DropDown.tsx b/src/components/navbar/DropDown.tsx new file mode 100644 index 00000000..c0cb4203 --- /dev/null +++ b/src/components/navbar/DropDown.tsx @@ -0,0 +1,22 @@ +import { ChevronDownIcon } from "@heroicons/react/24/outline"; +import DropDownLink from "./DropDownLink"; + +export default function DropDown({ name }: { name: string }) { + return ( +
    + +
      + + +
    +
    + ); +} diff --git a/src/components/navbar/DropDownLink.tsx b/src/components/navbar/DropDownLink.tsx new file mode 100644 index 00000000..39b5ffa7 --- /dev/null +++ b/src/components/navbar/DropDownLink.tsx @@ -0,0 +1,19 @@ +import Link from "next/link"; + +interface DropDownLinkProps { + title: string; + href?: string; +} + +export default function DropDownLink({ title, href = "#" }: DropDownLinkProps) { + return ( +
  • + + {title} + +
    • + ); +} diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx new file mode 100644 index 00000000..290403bd --- /dev/null +++ b/src/components/navbar/Navbar.tsx @@ -0,0 +1,22 @@ +import { Avatar } from "@/components"; +import { Bell, ChinguMenu, DropDown } from "@/components/navbar"; + +const name = "Yorick"; +const notificationCount = 4; + +export default function Navbar() { + return ( + + ); +} diff --git a/src/components/navbar/index.ts b/src/components/navbar/index.ts new file mode 100644 index 00000000..98bf69aa --- /dev/null +++ b/src/components/navbar/index.ts @@ -0,0 +1,4 @@ +export { default as Bell } from "./Bell"; +export { default as ChinguMenu } from "./ChinguMenu"; +export { default as DropDown } from "./DropDown"; +export { default as DropDownLink } from "./DropDownLink";