feat: sandbox project

patrykomiotek · Feb 1, 2024 · bd8cb48 · bd8cb48
1 parent 6e3c2fd
commit bd8cb48
Show file tree

Hide file tree

Showing 14 changed files with 32,063 additions and 16,142 deletions.
diff --git a/apps/jobboard/src/app/(public)/layout.tsx b/apps/jobboard/src/app/(public)/layout.tsx
@@ -0,0 +1,29 @@
+import { headers } from 'next/headers';
+import { NavBar } from '../../components/NavBar';
+
+type Props = {
+  children: React.ReactNode;
+  mobile: React.ReactNode;
+  desktop: React.ReactNode;
+  // admin: React.ReactNode;
+};
+
+export default function PublicLayout({ children, mobile, desktop }: Props) {
+  const headersList = headers();
+  const deviceHeader = headersList.get('x-device');
+
+  // fetch customer name, customerRecord ect.
+
+  return (
+    <>
+      <div className="mx-auto bg-slate-900 py-2">
+        <div className="container mx-auto text-white py-2">
+          <NavBar />
+        </div>
+      </div>
+      <div className="mx-auto py-2 mt-2">
+        <div className="container mx-auto py-4">{children}</div>
+      </div>
+    </>
+  );
+}
diff --git a/apps/jobboard/src/app/(public)/page.tsx b/apps/jobboard/src/app/(public)/page.tsx
@@ -0,0 +1,13 @@
+import { Header } from '@jobboard/common-ui';
+import db from '@jobboard/prisma-client';
+
+export default async function IndexPage() {
+  return (
+    <div id="welcome">
+      <Header>
+        <span> Hello there, </span>
+        Welcome jobboard 👋
+      </Header>
+    </div>
+  );
+}
diff --git a/apps/jobboard/src/app/layout.tsx b/apps/jobboard/src/app/layout.tsx
@@ -7,11 +7,9 @@ export const metadata = {
   description: 'Generated by create-nx-workspace',
 };
 
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
+type Props = { children: React.ReactNode };
+
+export default function RootLayout({ children }: Props) {
   return (
     <html lang="en" className="h-full">
       <body className={`${inter.className} h-full`}>{children}</body>

diff --git a/apps/jobboard/src/app/page.tsx b/apps/jobboard/src/app/page.tsx
diff --git a/apps/jobboard/src/components/NavBar/NavBar.tsx b/apps/jobboard/src/components/NavBar/NavBar.tsx
@@ -0,0 +1,22 @@
+import { NavLink } from '../NavLink/NavLink';
+
+export const NavBar = () => {
+  return (
+    <nav>
+      <ul className="flex">
+        <li className="mr-4">
+          <NavLink href="/">Home</NavLink>
+        </li>
+        <li className="mr-4">
+          <NavLink href="/job-offers">Job offers</NavLink>
+        </li>
+        <li className="mr-4">
+          <NavLink href="/about">About</NavLink>
+        </li>
+        <li className="mr-4">
+          <NavLink href="/contact">Contact</NavLink>
+        </li>
+      </ul>
+    </nav>
+  );
+};
diff --git a/apps/jobboard/src/components/NavBar/index.ts b/apps/jobboard/src/components/NavBar/index.ts
@@ -0,0 +1 @@
+export { NavBar } from "./NavBar";
diff --git a/apps/jobboard/src/components/NavLink/NavLink.stories.tsx b/apps/jobboard/src/components/NavLink/NavLink.stories.tsx
@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { NavLink } from "./NavLink";
+
+const meta = {
+  title: "UI/Atoms/NavLink",
+  component: NavLink,
+  tags: ["autodocs"],
+} satisfies Meta<typeof NavLink>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    href: "#",
+    children: "Click me",
+  },
+};
diff --git a/apps/jobboard/src/components/NavLink/NavLink.tsx b/apps/jobboard/src/components/NavLink/NavLink.tsx
@@ -0,0 +1,25 @@
+'use client';
+
+import Link, { type LinkProps } from 'next/link';
+import { usePathname } from 'next/navigation';
+
+import { classMerge } from '@jobboard/common-ui';
+
+type Props = LinkProps & { children: string }; // LinkProps
+
+export const NavLink = ({ href, children, ...props }: Props) => {
+  const currentPath = usePathname();
+  const isActive = currentPath.includes(href.toString());
+  return (
+    <Link
+      href={href}
+      className={classMerge('hover:text-blue-400', {
+        'text-red-500': isActive,
+        'text-blue-400': !isActive,
+      })}
+      {...props}
+    >
+      {children}
+    </Link>
+  );
+};
diff --git a/apps/jobboard/src/components/NavLink/index.ts b/apps/jobboard/src/components/NavLink/index.ts
@@ -0,0 +1 @@
+export { NavLink } from "./NavLink";
diff --git a/libs/prisma-client/src/index.ts b/libs/prisma-client/src/index.ts
@@ -1 +1,3 @@
-export * from './lib/db';
+import prisma from './lib/db';
+
+export default prisma;
diff --git a/libs/prisma-schema/prisma/migrations/20240201154058_rename_company_field/migration.sql b/libs/prisma-schema/prisma/migrations/20240201154058_rename_company_field/migration.sql
@@ -0,0 +1,10 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `employer` on the `JobOffer` table. All the data in the column will be lost.
+  - Added the required column `company` to the `JobOffer` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "JobOffer" DROP COLUMN "employer",
+ADD COLUMN     "company" TEXT NOT NULL;
diff --git a/libs/prisma-schema/prisma/schema.prisma b/libs/prisma-schema/prisma/schema.prisma
@@ -17,6 +17,6 @@ model JobOffer {
   description String
   position    String
   salary      Float
-  employer    String
+  company     String
   city        String? @db.VarChar(100)
 }