Отрефакторил бэк, исправил ошибки (#138)

* fixed paths to match refactored backend

* fixed some paths according to new backend

* fixed auth urls for new endpoints

* fixed urls

* fixed error handling

* fixes

* fixed error handling on user form

* fixed error handling on oauth

* using fallback: true on node pages

* type button for comment attach buttons

* fixed return types of social delete

* changed the way we upload user avatars

src/components/comment/CommentAvatar/index.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 
 import { Avatar } from '~/components/common/Avatar';
-import { MenuButton } from '~/components/menu';
+import { MenuButton } from '~/components/menu/MenuButton';
 import { ProfileQuickInfo } from '~/containers/profile/ProfileQuickInfo';
 import { IUser } from '~/types/auth';
 import { path } from '~/utils/ramda';
@@ -16,7 +16,11 @@ const CommentAvatar: FC<Props> = ({ user, className }) => {
     <MenuButton
       position="auto"
       icon={
-        <Avatar url={path(['photo', 'url'], user)} username={user.username} className={className} />
+        <Avatar
+          url={path(['photo', 'url'], user)}
+          username={user.username}
+          className={className}
+        />
       }
     >
       <ProfileQuickInfo user={user} />

src/components/comment/CommentFormAttachButtons/index.tsx

@@ -10,26 +10,32 @@ interface IProps {
 
 const CommentFormAttachButtons: FC<IProps> = ({ onUpload }) => {
   const onInputChange = useCallback(
-    event => {
+    (event) => {
       event.preventDefault();
 
-      const files = Array.from(event.target?.files as File[]).filter((file: File) =>
-        COMMENT_FILE_TYPES.includes(file.type)
+      const files = Array.from(event.target?.files as File[]).filter(
+        (file: File) => COMMENT_FILE_TYPES.includes(file.type),
       );
       if (!files || !files.length) return;
 
       onUpload(files);
     },
-    [onUpload]
+    [onUpload],
   );
 
   return (
     <ButtonGroup>
-      <Button iconLeft="photo" size="small" color="gray" iconOnly>
+      <Button iconLeft="photo" size="small" color="gray" iconOnly type="button">
         <input type="file" onInput={onInputChange} multiple accept="image/*" />
       </Button>
 
-      <Button iconRight="audio" size="small" color="gray" iconOnly>
+      <Button
+        iconRight="audio"
+        size="small"
+        color="gray"
+        iconOnly
+        type="button"
+      >
         <input type="file" onInput={onInputChange} multiple accept="audio/*" />
       </Button>
     </ButtonGroup>

src/components/comment/CommentFormAttaches/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, useCallback } from 'react';
 
-import { SortableAudioGrid, SortableImageGrid } from '~/components/sortable';
+import { SortableAudioGrid } from '~/components/sortable/SortableAudioGrid';
+import { SortableImageGrid } from '~/components/sortable/SortableImageGrid';
 import { COMMENT_FILE_TYPES } from '~/constants/uploads';
 import { useFileDropZone } from '~/hooks';
 import { IFile } from '~/types';
@@ -27,34 +28,36 @@ const CommentFormAttaches: FC = () => {
 
   const onImageMove = useCallback(
     (newFiles: IFile[]) => {
-      setFiles([...filesAudios, ...newFiles.filter(it => it)]);
+      setFiles([...filesAudios, ...newFiles.filter((it) => it)]);
     },
-    [setFiles, filesImages, filesAudios]
+    [setFiles, filesImages, filesAudios],
   );
 
   const onAudioMove = useCallback(
     (newFiles: IFile[]) => {
       setFiles([...filesImages, ...newFiles]);
     },
-    [setFiles, filesImages, filesAudios]
+    [setFiles, filesImages, filesAudios],
   );
 
   const onFileDelete = useCallback(
     (fileId: IFile['id']) => {
-      setFiles(files.filter(file => file.id !== fileId));
+      setFiles(files.filter((file) => file.id !== fileId));
     },
-    [files, setFiles]
+    [files, setFiles],
   );
 
   const onAudioTitleChange = useCallback(
     (fileId: IFile['id'], title: string) => {
       setFiles(
-        files.map(file =>
-          file.id === fileId ? { ...file, metadata: { ...file.metadata, title } } : file
-        )
+        files.map((file) =>
+          file.id === fileId
+            ? { ...file, metadata: { ...file.metadata, title } }
+            : file,
+        ),
       );
     },
-    [files, setFiles]
+    [files, setFiles],
   );
 
   if (!hasAttaches) return null;