discord server component and toast on state change

src/hooks/useToastStateChange.ts

@@ -0,0 +1,21 @@
+import { useEffect } from "react";
+import { toast } from "react-toastify";
+
+interface IProps {
+	state: {
+		success: boolean;
+		message: string;
+	} | null;
+}
+
+export const useToastStateChange = ({ state }: IProps) => {
+	useEffect(() => {
+		if (!state) return;
+
+		if (state.success) {
+			toast.success(state.message);
+		} else {
+			toast.error(state.message);
+		}
+	}, [state]);
+};