client-solid/src/Components/Buttons/RemovePostButton.tsx

@@ -1,6 +1,5 @@
 import { useNavigate } from "@solidjs/router";
-import { JSXElement, createEffect, createSignal, useContext } from "solid-js";
-import { Portal } from "solid-js/web";
+import { JSXElement, useContext } from "solid-js";
 
 import { LoginContext } from "../../Context/GlobalState";
 import { RemovePostIcon } from "../../Util/Icons";
@@ -12,20 +11,16 @@ export default function RemovePostButton(props: {
   const navigate = useNavigate();
   const login_ctx = useContext(LoginContext)!;
 
-  // State to track whether the post has been deleted
-  const [isDeleted, setIsDeleted] = createSignal(false);
-
   // Function to handle post deletion
   const handleDeletePost = async (): Promise<void> => {
     try {
       const response = await deletePost(props.postId, login_ctx.token());
       if (response.ok) {
-        // If deletion is successful, set isDeleted to true
-        setIsDeleted(true);
+        // If deletion is successful, navigate to "/" or remount the component
         console.log("Post deleted successfully");
-        // Optional: You can also navigate to "/" after successful deletion
-        navigate("/");
+        navigate("/"); // Redirect to "/" after successful deletion
       } else {
+        // If deletion fails, handle the error
         console.error("Failed to delete post:", response.statusText);
         // You may want to show an error message or handle the failure in some other way
       }
@@ -35,22 +30,6 @@ export default function RemovePostButton(props: {
     }
   };
 
-  // Effect to display modal when post is deleted
-  createEffect(() => {
-    if (isDeleted()) {
-      // Display modal here
-      <Portal mount={document.body}>
-        <div class="w-100 h-100 -z-20">
-          <div class="fixed inset-0 z-20 w-1/4 items-center justify-center">
-            <div role="alert" class="alert alert-success">
-              <p>Post was successfully removed</p>
-            </div>
-          </div>
-        </div>
-      </Portal>;
-    }
-  });
-
   return (
     <div class="flex p-1">
       <button

client-solid/src/Components/Comment.tsx

@@ -24,7 +24,7 @@ export function Comment(props: { comment: PublicComment }): JSXElement {
           <time class="text-xs opacity-50">{creationDate()}</time>
         </div>
       )}
-      <div class="text-base">{content()}</div>
+      <div class="">{content()}</div>
       <div class="divider" />
     </>
   );