removed messages reducer

src/hooks/dom/useFormatWrapper.ts

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback } from "react";
 
 /** wraps text inside textarea with tags */
 export const useFormatWrapper = (onChange: (val: string) => void) => {

src/hooks/messages/useMessages.ts

@@ -0,0 +1,17 @@
+import useSWR from 'swr';
+import { API } from '~/constants/api';
+import { apiGetUserMessages } from '~/api/messages';
+import { IMessage } from '~/redux/types';
+
+const getKey = (username: string): string | null => {
+  return username ? `${API.USER.MESSAGES}/${username}` : null;
+};
+export const useMessages = (username: string) => {
+  const { data, isValidating } = useSWR(getKey(username), async () =>
+    apiGetUserMessages({ username })
+  );
+
+  const messages: IMessage[] = data?.messages || [];
+
+  return { messages, isLoading: !data && isValidating };
+};

src/hooks/modal/useModal.ts

@@ -1,5 +1,5 @@
 import { useModalStore } from '~/store/modal/useModalStore';
-import { FC, useCallback, VFC } from 'react';
+import { useCallback } from 'react';
 import { Dialog, DIALOG_CONTENT } from '~/constants/modal';
 import { IDialogProps } from '~/types/modal';