added upload notes button

Author: vishyyyyyyyyy

src/app/page.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import NavBar from '@components/NavBar';
+import UploadNotes from '@components/uploadnotes';
 
 export const metadata: Metadata = {
   alternates: {
@@ -11,6 +12,7 @@ const Home = () => {
   return (
     <>
       <NavBar />
+      <UploadNotes />
     </>
   );
 };

src/components/uploadnotes.tsx

@@ -0,0 +1,58 @@
+'use client';
+import React from 'react';
+import { useState } from 'react';
+
+export default function UploadNotes() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <>
+      <button
+        onClick={() => setIsOpen(true)}
+        className="inline-block cursor-pointer hover:underline"
+      >
+        Upload Notes
+      </button>
+
+      {isOpen && (
+        <div className="fixed inset-0 flex items-center justify-center">
+          <div className="w-80 bg-white p-6 text-center">
+            <h2 className="mb-4 text-xl font-semibold text-black">
+              Upload Notes
+            </h2>
+            <p className="mb-6 border-black text-black">
+              Enter Filename:{' '}
+              <input
+                type="text"
+                className="mt-2 w-full border border-black px-2 py-1"
+              />
+            </p>
+            <p className="mb-6 border-black text-black">
+              Section Dropdown:{' '}
+              <select className="mt-2 w-full border border-black px-2 py-1 text-black">
+                <option value="">Select a section</option>
+                <option value="section1">CS 1200</option>
+                <option value="section2">CS 1436</option>
+                <option value="section3">CS 1337</option>
+              </select>
+            </p>
+            <div className="flex justify-center gap-4">
+              <button
+                onClick={() => setIsOpen(false)}
+                className="border border-black px-2 py-1 text-black"
+              >
+                Cancel
+              </button>
+              <button
+                onClick={() => setIsOpen(false)}
+                className="border border-black px-2 py-1 text-black"
+              >
+                Upload
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}

src/server/db/schema/file.ts

@@ -1,8 +1,5 @@
 import { relations, sql } from 'drizzle-orm';
-import {
-  pgTable,
-  text,
-} from 'drizzle-orm/pg-core';
+import { pgTable, text } from 'drizzle-orm/pg-core';
 import { user } from './user';
 import { section } from './section';
 
@@ -26,4 +23,4 @@ export const fileRelations = relations(file, ({ one }) => ({
     fields: [file.sectionId],
     references: [section.id],
   }),
-}));
+}));

src/server/db/schema/section.ts

@@ -22,27 +22,20 @@ export const section = pgTable(
       .primaryKey(),
 
     // "CS" or "CE", short and indexable
-    prefix: varchar('prefix', { length: 4 })
-      .notNull(),
+    prefix: varchar('prefix', { length: 4 }).notNull(),
 
     // Course number like 1200
-    number: varchar('number', { length: 4 })
-      .notNull(),
+    number: varchar('number', { length: 4 }).notNull(),
 
     // Section code like "001"
-    sectionCode: varchar('section_code', { length: 3 })
-      .notNull(),
+    sectionCode: varchar('section_code', { length: 3 }).notNull(),
 
     // Semester split into term + year for better filtering
-    term: termEnum('term')
-      .notNull(),
-    year: smallint('year')
-      .notNull(),
+    term: termEnum('term').notNull(),
+    year: smallint('year').notNull(),
 
     professor: text('professor'),
-    numberOfNotes: integer('number_of_notes')
-      .notNull()
-      .default(0),
+    numberOfNotes: integer('number_of_notes').notNull().default(0),
 
     // Not required, but good practice usually
     createdAt: timestamp('created_at', { withTimezone: true })
@@ -52,14 +45,20 @@ export const section = pgTable(
       .notNull()
       .defaultNow(),
   },
-  (t) => ([
-    uniqueIndex('section_unique_idx').on(t.prefix, t.number, t.sectionCode, t.term, t.year),
+  (t) => [
+    uniqueIndex('section_unique_idx').on(
+      t.prefix,
+      t.number,
+      t.sectionCode,
+      t.term,
+      t.year,
+    ),
     index('section_by_course_idx').on(t.prefix, t.number),
     index('section_by_professor_idx').on(t.professor),
     index('section_by_semester_idx').on(t.term, t.year),
-  ]),
+  ],
 );
 
 export const sectionRelations = relations(section, ({ many }) => ({
   files: many(file),
-}));
+}));