Theming working

src/pages/settings/components/Personalization.tsx

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