Slight refactor

src/pages/settings/components/Messages.tsx

@@ -1,21 +1,10 @@
 import { Stack, Text } from '@mantine/core';
 import { DataTable, MessagesColumns } from 'components';
-import { useQueryAPI } from 'hooks';
-import { useEffect, useState } from 'react';
+import { useCommonHooks } from 'hooks';
 import { textClasses } from 'styles';
 const MessageSettings = () => {
 	const endpoint = 'api/messages';
-	const { data, isFetching, isLoading, isFetched } = useQueryAPI({
-		endpoint: endpoint,
-	});
-	const [messageData, setMessageData] = useState<any>([]);
-
-	useEffect(() => {
-		if (isFetched) {
-			setMessageData(data);
-		}
-	});
-
+	const { messageData, isMessagesFetching, isMessagesLoading } = useCommonHooks();
 	return (
 		<Stack>
 			<Text className={textClasses.settingsSubTitle} classNames={textClasses}>
@@ -25,8 +14,8 @@ const MessageSettings = () => {
 				tableName='Messages'
 				columns={MessagesColumns()}
 				tableData={messageData}
-				isFetching={isFetching}
-				isLoading={isLoading}
+				isFetching={isMessagesFetching}
+				isLoading={isMessagesLoading}
 				endpoint={endpoint}
 			/>
 		</Stack>