type fixes

frontend/app/globals.css

@@ -78,15 +78,15 @@
 .gradient-button-bg {
   background: radial-gradient(
     circle at top,
-    #a5b4fc 0%,
-    #3730a3 50%
+    #d4d4d4 0%,
+    #262626 50%
   ); /* violet 300 -> 800 */
 }
 
 .gradient-button {
   background: radial-gradient(
     circle at bottom,
-    #312e81 -10%,
+    #262626 -10%,
     hsl(0 0% 3.9%) 50%
   ); /* violet 900 -> bg */
 }
@@ -94,7 +94,7 @@
 .gradient-button-bg > div:hover {
   background: radial-gradient(
     circle at bottom,
-    #312e81 -10%,
+    #262626 -10%,
     hsl(0 0% 3.9%) 80%
   ); /* violet 900 -> bg */
 }

frontend/components/dashboard/projectCard/index.tsx

@@ -33,7 +33,7 @@ export default function ProjectCard({
       onMouseLeave={() => setHovered(false)}
       className={`group/canvas-card p-4 h-48 flex flex-col justify-between items-start hover:border-muted-foreground/50 relative overflow-hidden transition-all`}
     >
-      <AnimatePresence>
+      {/* <AnimatePresence>
         {hovered && (
           <motion.div
             initial={{ opacity: 0 }}
@@ -43,7 +43,7 @@ export default function ProjectCard({
             {children}
           </motion.div>
         )}
-      </AnimatePresence>
+      </AnimatePresence> */}
 
       <div className="space-x-2 flex items-center justify-start w-full z-10">
         <Image

frontend/lib/types.ts

@@ -1,63 +1,65 @@
 // DB Types
 
 export type User = {
-  id: string
-  name: string
-  email: string
-  generations: number
-  sandbox: Sandbox[]
-  usersToSandboxes: UsersToSandboxes[]
-}
+  id: string;
+  name: string;
+  email: string;
+  generations: number;
+  sandbox: Sandbox[];
+  usersToSandboxes: UsersToSandboxes[];
+};
 
 export type Sandbox = {
-  id: string
-  name: string
-  type: "react" | "node"
-  visibility: "public" | "private"
-  userId: string
-  usersToSandboxes: UsersToSandboxes[]
-}
+  id: string;
+  name: string;
+  type: "react" | "node";
+  visibility: "public" | "private";
+  createdAt: Date;
+  userId: string;
+  usersToSandboxes: UsersToSandboxes[];
+};
 
 export type UsersToSandboxes = {
-  userId: string
-  sandboxId: string
-}
+  userId: string;
+  sandboxId: string;
+  sharedOn: Date;
+};
 
 export type R2Files = {
-  objects: R2FileData[]
-  truncated: boolean
-  delimitedPrefixes: any[]
-}
+  objects: R2FileData[];
+  truncated: boolean;
+  delimitedPrefixes: any[];
+};
 
 export type R2FileData = {
-  storageClass: string
-  uploaded: string
-  checksums: any
-  httpEtag: string
-  etag: string
-  size: number
-  version: string
-  key: string
-}
+  storageClass: string;
+  uploaded: string;
+  checksums: any;
+  httpEtag: string;
+  etag: string;
+  size: number;
+  version: string;
+  key: string;
+};
 
 export type TFolder = {
-  id: string
-  type: "folder"
-  name: string
-  children: (TFile | TFolder)[]
-}
+  id: string;
+  type: "folder";
+  name: string;
+  children: (TFile | TFolder)[];
+};
 
 export type TFile = {
-  id: string
-  type: "file"
-  name: string
-}
+  id: string;
+  type: "file";
+  name: string;
+};
 
 export type TTab = TFile & {
-  saved: boolean
-}
+  saved: boolean;
+};
 
 export type TFileData = {
-  id: string
-  data: string
-}
+  id: string;
+  data: string;
+};