Build fixes / styling improvements

Author: cvs0

README.md

@@ -8,8 +8,12 @@ LockScript Vault is an open-source secure vault for passwords, cards, notes, and
 - Typescript
 - ShadCN
 - Prisma
+- Zod
 
-## APIs
-- `/api/vault`
-  - Methods:
-    - **POST** : JSON Body: {`key`}
+## How to contribute
+
+We accept contributions from the community, but you must follow some rules:
+
+1. Document your changes.
+2. Specifically state ANY new dependencies you have added.
+3. Test your changes.

branch.pxydb

@@ -1 +1 @@
-final
+final

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "generate": "prisma generate"
   },
   "dependencies": {
     "@clerk/backend": "^1.18.0",

src/app/actions.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import prismadb from "@/lib/prismadb";
-import { auth, currentUser } from "@clerk/nextjs/server";
+import { currentUser } from "@clerk/nextjs/server";
 
 export async function updatePasswordItem(
   id: string,
@@ -82,13 +82,9 @@ export async function createPasswordItem(
 ) {
   const clerkUser = await currentUser();
 
-  if (!clerkUser) {
-    throw new Error("User not authenticated");
-  }
-
   const user = await prismadb.user.findUnique({
     where: {
-      id: clerkUser.id,
+      id: clerkUser?.id,
     },
     include: {
       passwordItems: true,

src/app/api/passwords/[passwordId]/route.ts

@@ -82,7 +82,7 @@ export function EditPasswordDialog({ isOpen, onClose, entry }: EditPasswordDialo
             <DialogTitle>{entry ? 'Edit Password Entry' : 'Add New Password Entry'}</DialogTitle>
           </div>
           <DialogDescription>
-            Make changes to your password entry here. Click save when you're done.
+            Make changes to your password entry here. Click save when you&apos;re done.
           </DialogDescription>
         </DialogHeader>
         <div className="grid gap-4 py-4">

src/app/api/passwords/route.ts

@@ -157,7 +157,7 @@ export const VaultPage: React.FC<VaultPageProps> = ({ user }) => {
       <nav className="space-y-2">
         <Button
           variant="ghost"
-          className="w-full justify-start gap-3 rounded-xl px-4 py-3 text-rose-600 transition-all hover:bg-rose-100 hover:text-rose-700"
+          className={cn("w-full justify-start gap-3 rounded-xl px-4 py-3 transition-all hover:bg-rose-100 hover:text-rose-700", activeTab === "passwords" && "bg-rose-50 text-rose-700")}
           onClick={() => {
             setActiveTab("passwords");
             setIsSidebarOpen(false);
@@ -168,7 +168,7 @@ export const VaultPage: React.FC<VaultPageProps> = ({ user }) => {
         </Button>
         <Button
           variant="ghost"
-          className="w-full justify-start gap-3 rounded-xl px-4 py-3 text-gray-600 transition-all hover:bg-rose-50 hover:text-rose-600"
+          className={cn("w-full justify-start gap-3 rounded-xl px-4 py-3 transition-all hover:bg-rose-100 hover:text-rose-700", activeTab === "notes" && "bg-rose-50 text-rose-700")}
           onClick={() => {
             setActiveTab("notes");
             setIsSidebarOpen(false);
@@ -179,7 +179,7 @@ export const VaultPage: React.FC<VaultPageProps> = ({ user }) => {
         </Button>
         <Button
           variant="ghost"
-          className="w-full justify-start gap-3 rounded-xl px-4 py-3 text-gray-600 transition-all hover:bg-rose-50 hover:text-rose-600"
+          className={cn("w-full justify-start gap-3 rounded-xl px-4 py-3 transition-all hover:bg-rose-100 hover:text-rose-700", activeTab === "pins" && "bg-rose-50 text-rose-700")}
           onClick={() => {
             setActiveTab("pins");
             setIsSidebarOpen(false);
@@ -190,7 +190,7 @@ export const VaultPage: React.FC<VaultPageProps> = ({ user }) => {
         </Button>
         <Button
           variant="ghost"
-          className="w-full justify-start gap-3 rounded-xl px-4 py-3 text-gray-600 transition-all hover:bg-rose-50 hover:text-rose-600"
+          className={cn("w-full justify-start gap-3 rounded-xl px-4 py-3 transition-all hover:bg-rose-100 hover:text-rose-700", activeTab === "cards" && "bg-rose-50 text-rose-700")}
           onClick={() => {
             setActiveTab("cards");
             setIsSidebarOpen(false);
@@ -203,7 +203,7 @@ export const VaultPage: React.FC<VaultPageProps> = ({ user }) => {
       <div className="mt-auto pt-6">
         <Button
           variant="ghost"
-          className="w-full justify-start gap-3 rounded-xl px-4 py-3 text-gray-600 transition-all hover:bg-rose-50 hover:text-rose-600"
+          className={cn("w-full justify-start gap-3 rounded-xl px-4 py-3 transition-all hover:bg-rose-100 hover:text-rose-700", activeTab === "settings" && "bg-rose-50 text-rose-700")}
         >
           <Settings className="h-5 w-5" />
           Settings