Отрефакторил бэк, исправил ошибки (#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/node/MenuButton/index.tsx

@@ -1,38 +0,0 @@
-import React, { FC } from 'react';
-
-import { Filler } from '~/components/containers/Filler';
-import { Group } from '~/components/containers/Group';
-
-import styles from './styles.module.scss';
-
-interface IProps {
-  title: string;
-  description?: string;
-  icon: string;
-}
-
-const MenuButton: FC<IProps> = ({
-  title,
-  icon,
-  description,
-}) => (
-  <div
-    className={styles.button}
-  >
-    <Group horizontal>
-      <div className={styles.icon}>
-        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
-          <path fill="none" d="M0 0h24v24H0V0z" />
-          <path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" />
-        </svg>
-      </div>
-
-      <Filler>
-        <div className={styles.title}>{title}</div>
-        { description && <div className={styles.description}>{description}</div> }
-      </Filler>
-    </Group>
-  </div>
-);
-
-export { MenuButton };

src/components/node/MenuButton/styles.module.scss

@@ -1,29 +0,0 @@
-@import 'src/styles/variables';
-
-.button {
-  fill: white;
-  height: 48px;
-  display: flex;
-  align-items: center;
-}
-
-.icon {
-  flex: 0 0 38px;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-}
-
-.title {
-  font: $font_16_semibold;
-  text-transform: uppercase;
-  margin-bottom: 2px;
-  white-space: nowrap;
-  flex: 1;
-}
-
-.description {
-  font: $font_12_regular;
-  color: $gray_75;
-  white-space: nowrap;
-}

src/components/node/NodeEditMenu/index.tsx

@@ -3,7 +3,9 @@ import React, { VFC } from 'react';
 import Tippy from '@tippyjs/react';
 
 import { Icon } from '~/components/input/Icon';
-import { MenuButton, MenuItemWithIcon, SeparatedMenu } from '~/components/menu';
+import { MenuButton } from '~/components/menu/MenuButton';
+import { MenuItemWithIcon } from '~/components/menu/MenuItemWithIcon';
+import { SeparatedMenu } from '~/components/menu/SeparatedMenu';
 import { useWindowSize } from '~/hooks/dom/useWindowSize';
 
 import styles from './styles.module.scss';

src/components/node/NodeTitle/index.tsx

@@ -3,7 +3,7 @@ import React, { memo, VFC } from 'react';
 import classNames from 'classnames';
 
 import { Icon } from '~/components/input/Icon';
-import { SeparatedMenu } from '~/components/menu';
+import { SeparatedMenu } from '~/components/menu/SeparatedMenu';
 import { NodeEditMenu } from '~/components/node/NodeEditMenu';
 import { Placeholder } from '~/components/placeholders/Placeholder';
 import { getPrettyDate } from '~/utils/dom';
@@ -35,7 +35,6 @@ interface IProps {
 
 const NodeTitle: VFC<IProps> = memo(
   ({
-    id,
     title,
     username,
     createdAt,
@@ -69,7 +68,9 @@ const NodeTitle: VFC<IProps> = memo(
                 {isLoading ? (
                   <Placeholder width="100px" />
                 ) : (
-                  `~${username.toLocaleLowerCase()}, ${getPrettyDate(createdAt)}`
+                  `~${username.toLocaleLowerCase()}, ${getPrettyDate(
+                    createdAt,
+                  )}`
                 )}
               </aside>
             )}
@@ -90,7 +91,9 @@ const NodeTitle: VFC<IProps> = memo(
 
             {canLike && (
               <div
-                className={classNames(styles.button, styles.like, { [styles.is_liked]: isLiked })}
+                className={classNames(styles.button, styles.like, {
+                  [styles.is_liked]: isLiked,
+                })}
               >
                 {isLiked ? (
                   <Icon icon="heart_full" size={24} onClick={onLike} />
@@ -107,7 +110,7 @@ const NodeTitle: VFC<IProps> = memo(
         </div>
       </div>
     );
-  }
+  },
 );
 
 export { NodeTitle };