Feat/372

convex/files.tsx

@@ -20,6 +20,10 @@ export const createFile = mutation({
       document,
       whiteboard,
       private: false,
+      read:true,
+      write:false,
+      writtenBy:[createdBy],
+      readBy:[createdBy]
     });
     return result;
   },
@@ -189,11 +193,11 @@ export const updateWrite = mutation({
 export const updateRead = mutation({
   args: {
     _id: v.id("files"),
-    writtenBy: v.array(v.string())
+    readBy: v.array(v.string())
   },
   handler: async (ctx, args) => {
-    const { _id,writtenBy } = args;
-    const res = await ctx.db.patch(_id, { writtenBy, write:false, read:true });
+    const { _id,readBy } = args;
+    const res = await ctx.db.patch(_id, { readBy, write:false, read:true });
     return res;
   },
 });

convex/schemas.ts

@@ -21,6 +21,7 @@ export default defineSchema({
     whiteboard: v.string(),
     private: v.string(),
     writtenBy: v.array(v.string()),
+    readBy: v.array(v.string()),
     write:v.boolean(),
     read:v.boolean()
   }),

src/app/api/files/read/route.ts

@@ -3,7 +3,7 @@ import { ConvexHttpClient } from "convex/browser";
 
 export const PUT = async (req: Request) => {
   try {
-    const { teamId, email, memberEmail, writtenBy, fileId } = await req.json();
+    const { teamId, email, memberEmail, readBy, fileId } = await req.json();
 
     if (!teamId || !memberEmail || !email || !fileId)
       return new Response("Parameters missing!!", { status: 401 });
@@ -20,11 +20,11 @@ export const PUT = async (req: Request) => {
       return new Response("Only owner can make changes!!", { status: 400 });
     }
 
-    const updatedWrittenBy = Array.isArray(writtenBy)
-      ? writtenBy.filter(writer => writer !== memberEmail)
+    const updatedReadBy = Array.isArray(readBy)
+      ? readBy.filter(writer => writer !== memberEmail)
       : [];
 
-    await client.mutation(api.files.updateRead, { _id: fileId, writtenBy:updatedWrittenBy });
+    await client.mutation(api.files.updateRead, { _id: fileId, readBy:updatedReadBy });
 
     return new Response("Changed to Public!!", { status: 200 });
   } catch (err) {

src/app/dashboard/page.tsx

@@ -26,6 +26,10 @@ export interface FILE {
   whiteboard: string;
   _id: string;
   _creationTime: number;
+  read:boolean;
+  write:boolean;
+  writtenBy: string[];
+  readBy: string[];
 }
 
 function Dashboard() {

src/components/shared/MemberModal.tsx

@@ -11,6 +11,10 @@ import {
 import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
 import { useSelector } from "react-redux";
 import { RootState } from "@/app/store";
+import { FileListContext } from "@/app/_context/FilesListContext";
+import { useState, useContext, useEffect } from "react";
+import { FILE } from "@/app/dashboard/page";
+import { Badge } from "../ui/badge";
 
 type Props = {
   image: string;
@@ -28,6 +32,18 @@ export default function MemberModal({
   email,
 }: Props) {
   const teamName = useSelector((state: RootState) => state.team.teamName);
+  const [fileData, setFileList] = useState([]);
+  const { fileList_ } = useContext(FileListContext);
+
+  useEffect(() => {
+    if (fileList_) {
+      const nonArchivedFiles = fileList_.filter(
+        (file: { archive: boolean }) => !file.archive
+      );
+      setFileList(nonArchivedFiles);
+    }
+  }, [fileList_]);
+
   return (
     <Dialog key={index}>
       <DialogTrigger
@@ -54,7 +70,29 @@ export default function MemberModal({
             <span className=" font-bold">{teamName}</span>
           </DialogDescription>
         </DialogHeader>
-        <h1>File Access : </h1>
+
+        {
+          <div className="flex flex-col max-h-[350px] p-2 overflow-x-hidden overflow-y-auto">
+            <div className="flex font-semibold p-2 text-base items-center justify-between w-full">
+              <h1>File Name</h1>
+              <h1>File Access</h1>
+            </div>
+            {fileData.map((file: FILE, index) => (
+              <div
+                className="w-full bg-secondary border-t-[1px] border-gray-400 flex p-2 items-center justify-between"
+                key={index}
+              >
+                <h1>{file.fileName}</h1>
+
+                <div className="flex gap-3">
+                  { file.readBy?.includes(email) && <Badge>Read</Badge>}
+                  { file.writtenBy?.includes(email) && <Badge>Write</Badge>}
+                </div>
+              </div>
+            ))}
+          </div>
+        }
+
         <DialogFooter className=" text-gray-500">Email : {email}</DialogFooter>
       </DialogContent>
     </Dialog>