basic

Author: rahulsainlll

.gitignore

@@ -34,4 +34,3 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
-.env

actions/saveBookmark.tsx

@@ -0,0 +1,23 @@
+"use server";
+import { db } from "@/db";
+import { auth, currentUser } from "@clerk/nextjs/server";
+import { projects } from "@/db/schema";
+import { redirect } from "next/navigation";
+
+export async function createProject(formData: FormData) {
+  const { userId } = auth();
+
+  const project = {
+    name: formData.get("name") as string,
+    description: formData.get("description") as string,
+    url: formData.get("url") as string,
+    userId,
+  };
+
+  const [newProject] = await db
+    .insert(projects)
+    .values(project)
+    .returning({ insertedId: projects.id });
+
+  redirect(`/projects/${newProject.insertedId}/instructions`);
+}

app/(user)/dashboard/page.tsx

@@ -0,0 +1,7 @@
+export default function Page(){
+return (
+    <div>
+        protactive Page
+    </div>
+)
+}

app/(user)/layout.tsx

@@ -0,0 +1,7 @@
+export default function UserLayout ({children} : {children: React.ReactNode}) {
+return (
+  <div className="container w-full max-w-screen-xl mx-auto py-10 px-2.5 lg:px-20">
+    {children}
+  </div>
+);
+}

app/NavBar.tsx

@@ -2,23 +2,68 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --foreground-rgb: 0, 0, 0;
-}
-
-/* @media (prefers-color-scheme: dark) {
+@layer base {
   :root {
-    --foreground-rgb: 255, 255, 255;
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
   }
-} */
 
-body {
-  color: rgb(var(--foreground-rgb));
-  /* padding: 1rem; */
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%;
+  }
 }
 
-@layer utilities {
-  .text-balance { 
-    text-wrap: balance;
+@layer base {
+  * {
+    @apply border-border;
   }
-}
+  body {
+    @apply bg-background text-foreground;
+  }
+}

app/api/issues/route.ts

@@ -1,30 +1,22 @@
-import "@radix-ui/themes/styles.css";
-import { Theme, ThemePanel } from "@radix-ui/themes";
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import {
+  ClerkProvider,
+} from "@clerk/nextjs";
 import "./globals.css";
-import NavBar from "./NavBar";
-
-const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
-
-export const metadata: Metadata = {
-  title: "Trace ↯",
-  description: "Generated by create next app",
-};
+import PageHeader from "@/components/page-header";
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" data-theme="wireframe">
-      <body className={inter.variable}>
-        <Theme scaling="110%">
-          <NavBar />
-          <main className="p-5">{children}</main>
-        </Theme>
-      </body>
-    </html>
+    <ClerkProvider>
+      <html lang="en">
+        <body>
+          <PageHeader />
+          {children}
+        </body>
+      </html>
+    </ClerkProvider>
   );
 }

app/components/ErrorMessage.tsx

@@ -1,7 +1,27 @@
+import { Input } from "@/components/ui/input";
 import Image from "next/image";
 
 export default function Home() {
   return (
-    <div>yoo</div>
+    <div className="container w-full max-w-screen-xl mx-auto py-10 px-2.5 lg:px-20">
+      <h1 className="font-medium text-3xl text-gray-900 mb-2">
+        Find repository
+      </h1>
+      <p className="text-base italic max-w-prose text-muted-foreground mb-4">
+        Required fields are marked with an asterisk (*).
+      </p>
+
+      <div className="max-w-xl flex gap-4">
+        <div>
+          <p>Owner Name </p>
+          <Input />
+        </div>
+
+        <div>
+          <p>Repository Name *</p>
+          <Input />
+        </div>
+      </div>
+    </div>
   );
 }