✨ ajout de la suppression des commentaires et des reponses de commentaire

Author: mckenziearts

app/Http/Controllers/Api/ReplyController.php

@@ -8,6 +8,7 @@
 use App\Models\Reaction;
 use App\Models\Reply;
 use App\Models\User;
+use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
 use Illuminate\Support\Facades\Auth;
@@ -44,8 +45,12 @@ public function like(Request $request, int $id): ReplyResource
         return new ReplyResource($reply);
     }
 
-    public function delete()
+    public function delete(int $id): JsonResponse
     {
+        /** @var Reply $reply */
+        $reply = Reply::findOrFail($id);
+        $reply->delete();
 
+        return response()->json(['message' => 'Commentaire supprimé avec succès']);
     }
 }

app/Models/Reply.php

@@ -101,4 +101,11 @@ public function scopeIsSolution(Builder $builder): Builder
     {
         return $builder->has('solutionTo');
     }
+
+    public function delete()
+    {
+        $this->deleteReplies();
+
+        parent::delete();
+    }
 }

public/css/app.css

@@ -6373,14 +6373,6 @@ select {
 	--tw-blur: blur(8px);
 	filter: var(--tw-filter);
 }
-.blur-lg {
-	--tw-blur: blur(16px);
-	filter: var(--tw-filter);
-}
-.blur-md {
-	--tw-blur: blur(12px);
-	filter: var(--tw-filter);
-}
 .blur-sm {
 	--tw-blur: blur(4px);
 	filter: var(--tw-filter);

public/js/app.js

@@ -3396,10 +3396,19 @@ function Comments(_ref) {
   }, []); // On supprime un commentaire
 
   const handleDelete = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async comment => {
+    const isReply = comment.model_type === 'reply';
     await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.deleteReply)(comment.id);
-    setState(s => _objectSpread(_objectSpread({}, s), {}, {
-      comments: s.comments.filter(c => c !== comment)
-    }));
+
+    if (isReply) {
+      const comments = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.findAllReplies)(target);
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        comments
+      }));
+    } else {
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        comments: s.comments.filter(c => c !== comment)
+      }));
+    }
   }, []); // On répond à un commentaire
 
   const handleReply = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(comment => {

resources/js/components/Comments.jsx

@@ -58,11 +58,18 @@ export function Comments ({ target, parent }) {
 
   // On supprime un commentaire
   const handleDelete = useCallback(async comment => {
+    const isReply = comment.model_type === 'reply'
+
     await deleteReply(comment.id)
-    setState(s => ({
-      ...s,
-      comments: s.comments.filter(c => c !== comment)
-    }))
+    if (isReply) {
+      const comments = await findAllReplies(target)
+      setState(s => ({ ...s, comments }))
+    } else {
+      setState(s => ({
+        ...s,
+        comments: s.comments.filter(c => c !== comment)
+      }))
+    }
   }, [])
 
   // On répond à un commentaire

routes/api.php

@@ -18,4 +18,4 @@
 Route::post('replies', [ReplyController::class, 'store']);
 Route::put('replies/{id}', [ReplyController::class, 'update']);
 Route::post('like/{id}', [ReplyController::class, 'like']);
-Route::delete('replies/{id}', [ReplyController::class, 'update']);
+Route::delete('replies/{id}', [ReplyController::class, 'delete']);