Theming working

src/pages/settings/components/Messages.tsx

@@ -1,8 +1,6 @@
 import { useEffect, useState } from "react";
-import { useMutationAPI, useQueryAPI } from "../../../hooks/useAPI";
+import { useQueryAPI } from "../../../hooks/useAPI";
 import { DataTable } from "../../../DataTable/DataTable";
-import { toast } from "react-toastify";
-import type { MRT_TableOptions } from "mantine-react-table";
 import MessagesColumns from "../../../DataTable/columns/MessagesColumns";
 import { Stack, Text } from "@mantine/core";
 import { textClasses } from "../../../styles";
@@ -13,34 +11,12 @@ const MessageSettings = () => {
 	});
 	const [messageData, setMessageData] = useState<any>([]);
 
-	const { mutateAsync: createRow, isPending: isCreatingRow } = useMutationAPI();
-	const { mutateAsync: editRow, isPending: isEditingRow } = useMutationAPI();
-
 	useEffect(() => {
 		if (isFetched) {
 			setMessageData(data);
 		}
 	});
 
-	const handleCreateRow: MRT_TableOptions<any>["onCreatingRowSave"] = async ({
-		values,
-		exitCreatingMode,
-	}) => {
-		createRow({ method: "POST", endpoint: endpoint, body: values }).then(() => {
-			toast.success("Message created successfully");
-		});
-		exitCreatingMode();
-	};
-	const handleEditRow: MRT_TableOptions<any>["onCreatingRowSave"] = async ({
-		values,
-		table,
-	}) => {
-		editRow({ method: "PATCH", endpoint: endpoint, body: values }).then(() => {
-			toast.success("Message updated successfully");
-		});
-		table.setEditingRow(null);
-	};
-
 	return (
 		<Stack>
 			<Text className={textClasses.settingsSubTitle} classNames={textClasses}>
@@ -52,8 +28,7 @@ const MessageSettings = () => {
 				tableData={messageData}
 				isFetching={isFetching}
 				isLoading={isLoading}
-				onCreatingRowSave={handleCreateRow}
-				onEditingRowSave={handleEditRow}
+				endpoint={endpoint}
 			/>
 		</Stack>
 	);