refactored node comments to component

src/utils/hooks/node/useNodeComments.ts

@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import { nodeLoadMoreComments, nodeLockComment } from '~/redux/node/actions';
+import { IComment } from '~/redux/types';
+import { useDispatch } from 'react-redux';
+
+export const useNodeComments = (id: string) => {
+  const dispatch = useDispatch();
+
+  const onLoadMoreComments = useCallback(() => dispatch(nodeLoadMoreComments()), [dispatch]);
+
+  const onDelete = useCallback(
+    (id: IComment['id'], locked: boolean) => dispatch(nodeLockComment(id, locked)),
+    [dispatch]
+  );
+
+  return { onLoadMoreComments, onDelete };
+};

src/utils/hooks/useImageModal.ts

@@ -0,0 +1,13 @@
+import { useCallback } from 'react';
+import { IFile } from '~/redux/types';
+import { modalShowPhotoswipe } from '~/redux/modal/actions';
+import { useDispatch } from 'react-redux';
+
+export const useImageModal = () => {
+  const dispatch = useDispatch();
+
+  return useCallback(
+    (images: IFile[], index: number) => dispatch(modalShowPhotoswipe(images, index)),
+    [dispatch]
+  );
+};