diff --git a/client-solid/src/Components/Buttons/RemovePostButton.tsx b/client-solid/src/Components/Buttons/RemovePostButton.tsx index e20e5a5..7c00c75 100644 --- a/client-solid/src/Components/Buttons/RemovePostButton.tsx +++ b/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 => { 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 - -
-
- -
-
-
; - } - }); - return (
)} -
{content()}
+
{content()}
);