delete post picture if exist

client/src/components/Avatar.tsx

@@ -10,17 +10,25 @@ const Avatar = ({ user }: any) => {
   const [firstLoad, setFirstLoad] = useState(true);
 
   if (firstLoad) {
-    fetch(gravatarUrl).then((response) => {
-      if (response.status === 200) {
+    fetch(gravatarUrl)
+      .then((response) => {
+        if (response.ok) {
           setAvatar(gravatarUrl);
         }
         setFirstLoad(false);
+      })
+      .catch((e) => {
+        setFirstLoad(false);
       });
   }
 
   return (
     <div className="avatar shrink-0">
-      <Image src={avatar} alt="avatar" className="rounded-full w-12 h-12 md:w-16 md:h-16 transition-all cursor-pointer" />
+      <Image
+        src={avatar}
+        alt="avatar"
+        className="rounded-full w-12 h-12 md:w-16 md:h-16 transition-all cursor-pointer"
+      />
     </div>
   );
 };

client/src/components/Message.tsx

@@ -40,6 +40,7 @@ const Message = ({ message }: any) => {
           </div>
           <Text text={message.content} />
           {message.image && <Image src={message.image} alt="image" className="w-fit rounded-lg cursor-pointer" />}
+          <div className="flex justify-between">
             <div className="text-grey-light date">
               {new Date(message.createdAt).toLocaleDateString(undefined, {
                 year: 'numeric',
@@ -49,6 +50,8 @@ const Message = ({ message }: any) => {
                 minute: 'numeric',
               })}
             </div>
+            {message.edited && <div className="text-grey-light italic">Modifié</div>}
+          </div>
           {me.data?.id === message.author.id ? null : (
             <Like
               messageId={message.id}

prisma/schema.prisma

@@ -37,6 +37,7 @@ model Post {
   updatedAt DateTime @updatedAt
   likes     Int      @default(0)
   likedBy   Like[]
+  edited    Boolean  @default(false)
 }
 
 model Like {

src/controller/FileController.ts

@@ -1,6 +1,7 @@
 import multer from 'multer';
 import path from 'path';
 import {v4 as uuidv4} from 'uuid';
+import fs from 'fs';
 
 const storage = multer.diskStorage({
   destination: path.join(__dirname, '../../public/uploads'),
@@ -10,3 +11,12 @@ const storage = multer.diskStorage({
 });
 
 export const upload = multer({ storage });
+
+export const deleteFile = (filename: string) => {
+  const filePath = path.join(__dirname, '../../public/uploads', filename);
+  fs.unlink(filePath, (err) => {
+    if (err) {
+      console.log(err);
+    }
+  });
+}

src/controller/PostController.ts

@@ -2,6 +2,7 @@ import { PrismaClient, Post as PrismaPost, Like } from '@prisma/client';
 import { Post } from '@/models/PostModel';
 import { exclude } from '@/lib/utils';
 import { getUserById } from './UserController';
+import { deleteFile } from './FileController';
 
 const prisma = new PrismaClient();
 
@@ -66,6 +67,7 @@ const editPost = async (post: Post): Promise<PrismaPost | null | Error> => {
     data: {
       content: post.content,
       image: post.image,
+      edited: true,
     },
   });
 
@@ -94,6 +96,9 @@ const deletePost = async (id: number, userId: number): Promise<PrismaPost | Erro
   if (post.authorId !== userId && user.role === 'USER') {
     return new Error('User is not the author of this post');
   }
+  if (post.image) {
+    deleteFile(post.image);
+  }
   return prisma.post.delete({
     where: {
       id,

src/models/PostModel.ts

@@ -8,6 +8,7 @@ interface Post {
   authorId: number;
   likes?: number | undefined;
   likedBy?: Like[] | undefined;
+  edited?: boolean | undefined;
 }
 
 const Post: z.ZodType<Post> = z.object({
@@ -17,6 +18,7 @@ const Post: z.ZodType<Post> = z.object({
   authorId: z.number(),
   likes: z.number().optional(),
   likedBy: z.array(Like).optional(),
+  edited: z.boolean().optional(),
 });
 
 export { Post };