From efbaf13151658873fd3344d52406f4ddeebc606b Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 22 Nov 2023 19:59:17 +0600
Subject: [PATCH] refactor  main components and IProps

---
 src/components/common/ArcProgress/index.tsx   |  4 ++--
 src/components/common/Authorized/index.tsx    |  4 ++--
 .../common/BetterScrollDialog/index.tsx       |  4 ++--
 src/components/common/BlurWrapper/index.tsx   |  4 ++--
 .../common/BottomContainer/index.tsx          | 11 +++++++++++
 .../BottomContainer/styles.module.scss        |  0
 src/components/common/CellGrid/index.tsx      |  4 ++--
 .../common}/Container/index.tsx               |  4 ++--
 .../common}/Container/styles.module.scss      |  0
 src/components/common/CoverBackdrop/index.tsx |  4 ++--
 src/components/common/DialogTitle/index.tsx   |  4 ++--
 src/components/common/Filler/index.tsx        |  4 ++--
 .../{main => common}/Footer/index.tsx         |  4 ++--
 .../Footer/styles.module.scss                 |  0
 .../{main => common}/GodRays/index.tsx        |  0
 src/components/common/Grid/index.tsx          |  4 ++--
 src/components/common/Group/index.tsx         |  4 ++--
 src/components/common/Icon/index.tsx          |  4 ++--
 .../common/InfiniteScroll/index.tsx           |  4 ++--
 .../components/LoaderCircleInner/index.tsx    |  4 ++--
 src/components/common/LoaderCircle/index.tsx  |  4 ++--
 .../{main => common}/Logo/index.tsx           |  0
 .../{main => common}/Logo/styles.module.scss  |  0
 .../{main => common}/MainPreloader/index.tsx  |  0
 .../MainPreloader/styles.module.scss          |  0
 src/components/common/Markdown/index.tsx      |  4 ++--
 src/components/common/ModalWrapper/index.tsx  |  4 ++--
 src/components/common/Padder/index.tsx        |  4 ++--
 src/components/common/Panel/index.tsx         |  4 ++--
 src/components/common/Sticky/index.tsx        |  4 ++--
 src/components/common/Superpower/index.tsx    |  4 ++--
 src/components/common/TagField/index.tsx      |  4 ++--
 src/components/input/ButtonGroup/index.tsx    |  4 ++--
 src/components/input/Textarea/index.tsx       |  4 ++--
 src/components/input/Toggle/index.tsx         |  4 ++--
 src/components/node/CommendDeleted/index.tsx  |  4 ++--
 src/components/node/NodeAudioBlock/index.tsx  |  4 ++--
 .../node/NodeAudioImageBlock/index.tsx        |  4 ++--
 .../node/NodeDeletedBadge/index.tsx           |  4 ++--
 .../node/NodeImageSwiperBlock/index.tsx       |  4 ++--
 src/components/node/NodeNoComments/index.tsx  |  4 ++--
 src/components/node/NodeRelated/index.tsx     |  4 ++--
 .../node/NodeRelated/placeholder.tsx          |  4 ++--
 .../node/NodeRelatedBlock/index.tsx           |  4 ++--
 src/components/node/NodeTags/index.tsx        |  4 ++--
 src/components/node/NodeTagsBlock/index.tsx   |  4 ++--
 .../node/NodeTagsPlaceholder/index.tsx        |  4 ++--
 src/components/node/NodeTextBlock/index.tsx   |  4 ++--
 src/components/node/NodeTitle/index.tsx       |  4 ++--
 src/components/node/NodeVideoBlock/index.tsx  |  4 ++--
 .../profile/ProfileAccountsError/index.tsx    |  4 ++--
 .../profile/ProfileSidebarSettings/index.tsx  |  4 ++--
 .../sidebar/SidebarWrapper/index.tsx          |  4 ++--
 .../sidebar/TagSidebarList/index.tsx          |  4 ++--
 src/components/tags/Tag/index.tsx             |  4 ++--
 .../tags/TagAutocompleteRow/index.tsx         |  9 ++-------
 src/components/tags/TagWrapper/index.tsx      |  4 ++--
 src/components/upload/AudioUpload/index.tsx   | 10 ++--------
 src/components/upload/ImageUpload/index.tsx   | 10 ++--------
 .../upload/UploadDropzone/index.tsx           |  4 ++--
 src/components/welcome/PersonsSlide/index.tsx |  2 +-
 src/components/welcome/WelcomeSlide/index.tsx |  2 +-
 .../components/LoginDialogButtons/index.tsx   |  4 ++--
 .../LoginSocialRegisterButtons/index.tsx      |  4 ++--
 .../components/BorisSuperpowers/index.tsx     |  4 ++--
 src/containers/boris/BorisComments/index.tsx  |  2 +-
 .../components/BorisStatsBackend/index.tsx    |  4 ++--
 .../components/BorisStatsGit/index.tsx        |  4 ++--
 .../components/BorisStatsGitCard/index.tsx    |  4 ++--
 .../components/BorisStats/index.tsx           |  4 ++--
 .../CommentFormAttachButtons/index.tsx        |  4 ++--
 .../CommentFormFormatButtons/index.tsx        |  4 ++--
 .../components/CommentFormTextarea/index.tsx  |  4 ++--
 src/containers/comments/CommentForm/index.tsx |  4 ++--
 .../comments/CommentWrapper/index.tsx         |  4 ++--
 .../components/AudioGrid/index.tsx            |  4 ++--
 .../EditorAudioUploadButton/index.tsx         |  4 ++--
 .../components/EditorFiller/index.tsx         |  4 ++--
 .../EditorImageUploadButton/index.tsx         |  4 ++--
 .../components/EditorPublicSwitch/index.tsx   |  4 ++--
 .../components/EditorUploadButton/index.tsx   |  4 ++--
 .../EditorUploadCoverButton/index.tsx         |  4 ++--
 .../components/EditorConfirmClose/index.tsx   |  4 ++--
 .../components/ImageEditor/index.tsx          |  4 ++--
 .../components/ImageGrid/index.tsx            |  4 ++--
 .../components/TextEditor/index.tsx           |  4 ++--
 .../components/VideoEditor/index.tsx          |  4 ++--
 src/containers/dialogs/Modal/index.tsx        |  4 ++--
 src/containers/dialogs/TestDialog/index.tsx   |  4 ++--
 .../FlowStamp/components/FlowRecent/index.tsx |  4 ++--
 .../components/FlowSearchResults/index.tsx    |  4 ++--
 src/containers/flow/FlowStamp/index.tsx       |  4 ++--
 .../LabNode/components/LabImage/index.tsx     |  4 ++--
 src/containers/lab/LabGrid/index.tsx          |  4 ++--
 src/containers/lab/LabHead/index.tsx          |  4 ++--
 .../LabBanner/components/LabSquare/index.tsx  |  4 ++--
 .../LabStats/components/LabHeroes/index.tsx   |  4 ++--
 .../lab/LabStats/components/LabTags/index.tsx |  4 ++--
 src/containers/lab/LabStats/index.tsx         |  4 ++--
 src/containers/main/BottomContainer/index.tsx | 19 -------------------
 src/containers/main/Header/index.tsx          |  2 +-
 src/containers/main/MainRouter/index.tsx      |  4 ++--
 src/containers/main/SubmitBarRouter/index.tsx |  4 ++--
 .../components}/UserButton/index.tsx          |  4 ++--
 .../components}/UserButton/styles.module.scss |  0
 .../UserButtonWithNotifications/index.tsx     |  3 ++-
 src/containers/node/NodeBottomBlock/index.tsx |  4 ++--
 .../components/CommentMenu/index.tsx          |  4 ++--
 .../components/CommentTextBlock/index.tsx     |  4 ++--
 .../components/CommentContent/index.tsx       |  4 ++--
 src/containers/node/NodeComments/index.tsx    |  4 ++--
 src/containers/profile/ProfileInfo/index.tsx  |  4 ++--
 .../profile/ProfileLoader/index.tsx           |  4 ++--
 .../profile/ProfilePageLeft/index.tsx         |  4 ++--
 src/containers/profile/ProfileTabs/index.tsx  |  4 ++--
 src/containers/tags/TagInput/index.tsx        |  4 ++--
 src/containers/tags/Tags/index.tsx            |  4 ++--
 src/layouts/BorisLayout/index.tsx             |  6 +++---
 src/layouts/LabLayout/index.tsx               |  6 +++---
 src/layouts/NodeLayout/index.tsx              |  4 ++--
 src/layouts/ProfileLayout/index.tsx           |  2 +-
 src/layouts/RoomLayout/index.tsx              |  2 +-
 src/layouts/SettingsLayout/index.tsx          |  2 +-
 src/pages/_app.tsx                            |  7 +++++--
 124 files changed, 235 insertions(+), 256 deletions(-)
 create mode 100644 src/components/common/BottomContainer/index.tsx
 rename src/{containers/main => components/common}/BottomContainer/styles.module.scss (100%)
 rename src/{containers/main => components/common}/Container/index.tsx (74%)
 rename src/{containers/main => components/common}/Container/styles.module.scss (100%)
 rename src/components/{main => common}/Footer/index.tsx (84%)
 rename src/components/{main => common}/Footer/styles.module.scss (100%)
 rename src/components/{main => common}/GodRays/index.tsx (100%)
 rename src/components/{main => common}/Logo/index.tsx (100%)
 rename src/components/{main => common}/Logo/styles.module.scss (100%)
 rename src/components/{main => common}/MainPreloader/index.tsx (100%)
 rename src/components/{main => common}/MainPreloader/styles.module.scss (100%)
 delete mode 100644 src/containers/main/BottomContainer/index.tsx
 rename src/{components/main => containers/main/UserButtonWithNotifications/components}/UserButton/index.tsx (88%)
 rename src/{components/main => containers/main/UserButtonWithNotifications/components}/UserButton/styles.module.scss (100%)

diff --git a/src/components/common/ArcProgress/index.tsx b/src/components/common/ArcProgress/index.tsx
index 51bdc35a..cb269d0e 100644
--- a/src/components/common/ArcProgress/index.tsx
+++ b/src/components/common/ArcProgress/index.tsx
@@ -4,12 +4,12 @@ import { describeArc } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   size: number;
   progress?: number;
 }
 
-export const ArcProgress: FC<IProps> = ({ size, progress = 0 }) => (
+export const ArcProgress: FC<Props> = ({ size, progress = 0 }) => (
   <svg className={styles.icon} width={size} height={size}>
     <path
       d={describeArc(
diff --git a/src/components/common/Authorized/index.tsx b/src/components/common/Authorized/index.tsx
index ba997cef..b0a1415c 100644
--- a/src/components/common/Authorized/index.tsx
+++ b/src/components/common/Authorized/index.tsx
@@ -4,12 +4,12 @@ import { observer } from 'mobx-react-lite';
 
 import { useAuth } from '~/hooks/auth/useAuth';
 
-interface IProps {
+interface Props {
   // don't wait for user refetch, trust hydration
   hydratedOnly?: boolean;
 }
 
-const Authorized: FC<IProps> = observer(({ children, hydratedOnly }) => {
+const Authorized: FC<Props> = observer(({ children, hydratedOnly }) => {
   const { isUser, fetched } = useAuth();
 
   if (!isUser || (!hydratedOnly && !fetched)) return null;
diff --git a/src/components/common/BetterScrollDialog/index.tsx b/src/components/common/BetterScrollDialog/index.tsx
index fe9780e1..25d5fdb3 100644
--- a/src/components/common/BetterScrollDialog/index.tsx
+++ b/src/components/common/BetterScrollDialog/index.tsx
@@ -7,7 +7,7 @@ import { LoaderCircle } from '~/components/common/LoaderCircle';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   children: ReactChild;
   header?: JSX.Element;
   footer?: JSX.Element;
@@ -23,7 +23,7 @@ interface IProps {
   onClose?: () => void;
 }
 
-const BetterScrollDialog: FC<IProps> = ({
+const BetterScrollDialog: FC<Props> = ({
   children,
   header,
   footer,
diff --git a/src/components/common/BlurWrapper/index.tsx b/src/components/common/BlurWrapper/index.tsx
index f83ed2c4..da935117 100644
--- a/src/components/common/BlurWrapper/index.tsx
+++ b/src/components/common/BlurWrapper/index.tsx
@@ -4,9 +4,9 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
+type Props = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
 
-export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => (
+export const BlurWrapper: FC<Props> = ({ children, is_blurred }) => (
   <div className={classNames(styles.blur, { [styles.is_blurred]: is_blurred })}>
     {children}
   </div>
diff --git a/src/components/common/BottomContainer/index.tsx b/src/components/common/BottomContainer/index.tsx
new file mode 100644
index 00000000..ed024ff0
--- /dev/null
+++ b/src/components/common/BottomContainer/index.tsx
@@ -0,0 +1,11 @@
+import styles from './styles.module.scss';
+
+const BottomContainer = ({ children }) => (
+  <div className={styles.wrap}>
+    <div className={styles.content}>
+      <div className={styles.padder}></div>
+    </div>
+  </div>
+);
+
+export { BottomContainer };
diff --git a/src/containers/main/BottomContainer/styles.module.scss b/src/components/common/BottomContainer/styles.module.scss
similarity index 100%
rename from src/containers/main/BottomContainer/styles.module.scss
rename to src/components/common/BottomContainer/styles.module.scss
diff --git a/src/components/common/CellGrid/index.tsx b/src/components/common/CellGrid/index.tsx
index 99fc4c85..2f98d3b2 100644
--- a/src/components/common/CellGrid/index.tsx
+++ b/src/components/common/CellGrid/index.tsx
@@ -4,12 +4,12 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {
+type Props = HTMLAttributes<HTMLDivElement> & {
   children: any;
   size: number;
 };
 
-const CellGrid: FC<IProps> = ({ children, size, className, ...props }) => (
+const CellGrid: FC<Props> = ({ children, size, className, ...props }) => (
   <div
     className={classNames(styles.grid, className)}
     style={{ gridTemplateColumns: `repeat(auto-fit, minmax(${size}px, 1fr))` }}
diff --git a/src/containers/main/Container/index.tsx b/src/components/common/Container/index.tsx
similarity index 74%
rename from src/containers/main/Container/index.tsx
rename to src/components/common/Container/index.tsx
index f12c3c64..3d7585b4 100644
--- a/src/containers/main/Container/index.tsx
+++ b/src/components/common/Container/index.tsx
@@ -4,11 +4,11 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   className?: string;
 }
 
-const Container: FC<IProps> = ({ className, children }) => (
+const Container: FC<Props> = ({ className, children }) => (
   <div className={classNames(styles.container, className)}>{children}</div>
 );
 
diff --git a/src/containers/main/Container/styles.module.scss b/src/components/common/Container/styles.module.scss
similarity index 100%
rename from src/containers/main/Container/styles.module.scss
rename to src/components/common/Container/styles.module.scss
diff --git a/src/components/common/CoverBackdrop/index.tsx b/src/components/common/CoverBackdrop/index.tsx
index 4cce6607..abb00e1a 100644
--- a/src/components/common/CoverBackdrop/index.tsx
+++ b/src/components/common/CoverBackdrop/index.tsx
@@ -8,11 +8,11 @@ import { getURL } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   cover: IUser['cover'];
 }
 
-const CoverBackdrop: FC<IProps> = ({ cover }) => {
+const CoverBackdrop: FC<Props> = ({ cover }) => {
   const ref = useRef<HTMLImageElement>(null);
 
   const [is_loaded, setIsLoaded] = useState(false);
diff --git a/src/components/common/DialogTitle/index.tsx b/src/components/common/DialogTitle/index.tsx
index b5de8560..d1713f95 100644
--- a/src/components/common/DialogTitle/index.tsx
+++ b/src/components/common/DialogTitle/index.tsx
@@ -2,11 +2,11 @@ import { FC, ReactNode } from 'react';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   children: ReactNode;
 }
 
-const DialogTitle: FC<IProps> = ({ children }) => (
+const DialogTitle: FC<Props> = ({ children }) => (
   <h2 className={styles.title}>{children}</h2>
 );
 
diff --git a/src/components/common/Filler/index.tsx b/src/components/common/Filler/index.tsx
index 2f3c6ac7..f41863c3 100644
--- a/src/components/common/Filler/index.tsx
+++ b/src/components/common/Filler/index.tsx
@@ -4,8 +4,8 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement>;
+type Props = HTMLAttributes<HTMLDivElement>;
 
-export const Filler: FC<IProps> = ({ className = '', ...props }) => (
+export const Filler: FC<Props> = ({ className = '', ...props }) => (
   <div className={classNames(styles.filler, className)} {...props} />
 );
diff --git a/src/components/main/Footer/index.tsx b/src/components/common/Footer/index.tsx
similarity index 84%
rename from src/components/main/Footer/index.tsx
rename to src/components/common/Footer/index.tsx
index 1fa4f3ff..fcb770aa 100644
--- a/src/components/main/Footer/index.tsx
+++ b/src/components/common/Footer/index.tsx
@@ -2,9 +2,9 @@ import { FC, memo } from 'react';
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const Footer: FC<IProps> = memo(() => (
+const Footer: FC<Props> = memo(() => (
   <footer className={styles.footer}>
     <div className={styles.slogan}>Уделяй больше времени тишине. Спасибо</div>
     <div className={styles.copy}>2009 - {new Date().getFullYear()}</div>
diff --git a/src/components/main/Footer/styles.module.scss b/src/components/common/Footer/styles.module.scss
similarity index 100%
rename from src/components/main/Footer/styles.module.scss
rename to src/components/common/Footer/styles.module.scss
diff --git a/src/components/main/GodRays/index.tsx b/src/components/common/GodRays/index.tsx
similarity index 100%
rename from src/components/main/GodRays/index.tsx
rename to src/components/common/GodRays/index.tsx
diff --git a/src/components/common/Grid/index.tsx b/src/components/common/Grid/index.tsx
index b8a0ec3f..08de3ffc 100644
--- a/src/components/common/Grid/index.tsx
+++ b/src/components/common/Grid/index.tsx
@@ -4,7 +4,7 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {
+type Props = HTMLAttributes<HTMLDivElement> & {
   horizontal?: boolean;
   vertical?: boolean;
   columns?: string;
@@ -15,7 +15,7 @@ type IProps = HTMLAttributes<HTMLDivElement> & {
   stretchy?: boolean;
 };
 
-const Grid: FC<IProps> = ({
+const Grid: FC<Props> = ({
   children,
   className = '',
   horizontal = false,
diff --git a/src/components/common/Group/index.tsx b/src/components/common/Group/index.tsx
index 2ca88b38..b66afc67 100644
--- a/src/components/common/Group/index.tsx
+++ b/src/components/common/Group/index.tsx
@@ -4,7 +4,7 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {
+type Props = HTMLAttributes<HTMLDivElement> & {
   horizontal?: boolean;
   top?: boolean;
   bottom?: boolean;
@@ -12,7 +12,7 @@ type IProps = HTMLAttributes<HTMLDivElement> & {
   seamless?: boolean;
 };
 
-const Group: FC<IProps> = ({
+const Group: FC<Props> = ({
   children,
   className = '',
   horizontal = false,
diff --git a/src/components/common/Icon/index.tsx b/src/components/common/Icon/index.tsx
index a5fd8efc..c5f46649 100644
--- a/src/components/common/Icon/index.tsx
+++ b/src/components/common/Icon/index.tsx
@@ -2,12 +2,12 @@ import { FC, SVGAttributes } from 'react';
 
 import { IIcon } from '~/types';
 
-type IProps = SVGAttributes<SVGElement> & {
+type Props = SVGAttributes<SVGElement> & {
   size?: number;
   icon: IIcon;
 };
 
-export const Icon: FC<IProps> = ({ size = 20, icon, style, ...props }) => (
+export const Icon: FC<Props> = ({ size = 20, icon, style, ...props }) => (
   <svg
     width={size}
     height={size}
diff --git a/src/components/common/InfiniteScroll/index.tsx b/src/components/common/InfiniteScroll/index.tsx
index 8a5d5062..1e9bdc00 100644
--- a/src/components/common/InfiniteScroll/index.tsx
+++ b/src/components/common/InfiniteScroll/index.tsx
@@ -2,13 +2,13 @@ import { FC, HTMLAttributes, useCallback, useEffect, useRef } from 'react';
 
 import styles from './styles.module.scss';
 
-interface IProps extends HTMLAttributes<HTMLDivElement> {
+interface Props extends HTMLAttributes<HTMLDivElement> {
   hasMore: boolean;
   scrollReactPx?: number;
   loadMore: () => void;
 }
 
-const InfiniteScroll: FC<IProps> = ({
+const InfiniteScroll: FC<Props> = ({
   children,
   hasMore,
   scrollReactPx,
diff --git a/src/components/common/LoaderCircle/components/LoaderCircleInner/index.tsx b/src/components/common/LoaderCircle/components/LoaderCircleInner/index.tsx
index d7734884..e8619e09 100644
--- a/src/components/common/LoaderCircle/components/LoaderCircleInner/index.tsx
+++ b/src/components/common/LoaderCircle/components/LoaderCircleInner/index.tsx
@@ -6,12 +6,12 @@ import { describeArc } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-interface IProps extends SVGAttributes<SVGElement> {
+interface Props extends SVGAttributes<SVGElement> {
   size: number;
   className?: string;
 }
 
-const LoaderCircleInner: FC<IProps> = ({ size, className, ...props }) => (
+const LoaderCircleInner: FC<Props> = ({ size, className, ...props }) => (
   <svg
     className={classNames(styles.icon, className)}
     width={size}
diff --git a/src/components/common/LoaderCircle/index.tsx b/src/components/common/LoaderCircle/index.tsx
index d74b9e61..31c3c30b 100644
--- a/src/components/common/LoaderCircle/index.tsx
+++ b/src/components/common/LoaderCircle/index.tsx
@@ -7,12 +7,12 @@ import { SVGProps } from '~/utils/types';
 import { LoaderCircleInner } from './components/LoaderCircleInner';
 import styles from './styles.module.scss';
 
-interface IProps extends SVGProps {
+interface Props extends SVGProps {
   size?: number;
   className?: string;
 }
 
-export const LoaderCircle: FC<IProps> = ({ size = 24, className }) => (
+export const LoaderCircle: FC<Props> = ({ size = 24, className }) => (
   <div className={classNames(styles.wrap, 'loader-circle', className)}>
     <LoaderCircleInner size={size} />
   </div>
diff --git a/src/components/main/Logo/index.tsx b/src/components/common/Logo/index.tsx
similarity index 100%
rename from src/components/main/Logo/index.tsx
rename to src/components/common/Logo/index.tsx
diff --git a/src/components/main/Logo/styles.module.scss b/src/components/common/Logo/styles.module.scss
similarity index 100%
rename from src/components/main/Logo/styles.module.scss
rename to src/components/common/Logo/styles.module.scss
diff --git a/src/components/main/MainPreloader/index.tsx b/src/components/common/MainPreloader/index.tsx
similarity index 100%
rename from src/components/main/MainPreloader/index.tsx
rename to src/components/common/MainPreloader/index.tsx
diff --git a/src/components/main/MainPreloader/styles.module.scss b/src/components/common/MainPreloader/styles.module.scss
similarity index 100%
rename from src/components/main/MainPreloader/styles.module.scss
rename to src/components/common/MainPreloader/styles.module.scss
diff --git a/src/components/common/Markdown/index.tsx b/src/components/common/Markdown/index.tsx
index 1334b288..2db027c1 100644
--- a/src/components/common/Markdown/index.tsx
+++ b/src/components/common/Markdown/index.tsx
@@ -5,12 +5,12 @@ import classNames from 'classnames';
 import styles from '~/styles/common/markdown.module.scss';
 import { formatText } from '~/utils/dom';
 
-interface IProps
+interface Props
   extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
   children?: string;
 }
 
-const Markdown: VFC<IProps> = ({ className, children = '', ...props }) => (
+const Markdown: VFC<Props> = ({ className, children = '', ...props }) => (
   <div
     className={classNames(styles.wrapper, className)}
     {...props}
diff --git a/src/components/common/ModalWrapper/index.tsx b/src/components/common/ModalWrapper/index.tsx
index efef7088..f3b6fccb 100644
--- a/src/components/common/ModalWrapper/index.tsx
+++ b/src/components/common/ModalWrapper/index.tsx
@@ -4,11 +4,11 @@ import ReactDOM from 'react-dom';
 
 import styles from './styles.module.scss';
 
-type IProps = {
+type Props = {
   onOverlayClick: MouseEventHandler;
 };
 
-const ModalWrapper: FC<IProps> = ({ children, onOverlayClick }) => {
+const ModalWrapper: FC<Props> = ({ children, onOverlayClick }) => {
   return ReactDOM.createPortal(
     <div className={styles.fixed}>
       <div className={styles.overlay} onClick={onOverlayClick} />
diff --git a/src/components/common/Padder/index.tsx b/src/components/common/Padder/index.tsx
index 90839804..9b9c8a70 100644
--- a/src/components/common/Padder/index.tsx
+++ b/src/components/common/Padder/index.tsx
@@ -4,13 +4,13 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {
+type Props = HTMLAttributes<HTMLDivElement> & {
   padding?: number;
   vertical?: boolean;
   horizontal?: boolean;
 };
 
-const Padder: FC<IProps> = ({
+const Padder: FC<Props> = ({
   padding,
   children,
   className,
diff --git a/src/components/common/Panel/index.tsx b/src/components/common/Panel/index.tsx
index f3176bc1..8e8902f6 100644
--- a/src/components/common/Panel/index.tsx
+++ b/src/components/common/Panel/index.tsx
@@ -4,12 +4,12 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {
+type Props = HTMLAttributes<HTMLDivElement> & {
   seamless?: boolean;
   stretchy?: boolean;
 };
 
-const Panel: FC<IProps> = ({
+const Panel: FC<Props> = ({
   className,
   children,
   seamless,
diff --git a/src/components/common/Sticky/index.tsx b/src/components/common/Sticky/index.tsx
index 3fb9628d..1eee5695 100644
--- a/src/components/common/Sticky/index.tsx
+++ b/src/components/common/Sticky/index.tsx
@@ -2,11 +2,11 @@ import { DetailsHTMLAttributes, FC } from 'react';
 
 import StickyBox from 'react-sticky-box';
 
-interface IProps extends DetailsHTMLAttributes<HTMLDivElement> {
+interface Props extends DetailsHTMLAttributes<HTMLDivElement> {
   offsetTop?: number;
 }
 
-const Sticky: FC<IProps> = ({ children, offsetTop = 65 }) => (
+const Sticky: FC<Props> = ({ children, offsetTop = 65 }) => (
   <StickyBox offsetTop={offsetTop} offsetBottom={10}>
     {children}
   </StickyBox>
diff --git a/src/components/common/Superpower/index.tsx b/src/components/common/Superpower/index.tsx
index 2b78429f..50d27005 100644
--- a/src/components/common/Superpower/index.tsx
+++ b/src/components/common/Superpower/index.tsx
@@ -4,9 +4,9 @@ import { observer } from 'mobx-react-lite';
 
 import { useAuth } from '~/hooks/auth/useAuth';
 
-interface IProps {}
+interface Props {}
 
-const Superpower: FC<IProps> = observer(({ children }) => {
+const Superpower: FC<Props> = observer(({ children }) => {
   const { isTester } = useAuth();
 
   if (!isTester) return null;
diff --git a/src/components/common/TagField/index.tsx b/src/components/common/TagField/index.tsx
index 84d4613b..61a75a7d 100644
--- a/src/components/common/TagField/index.tsx
+++ b/src/components/common/TagField/index.tsx
@@ -2,9 +2,9 @@ import { FC, HTMLAttributes } from 'react';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {};
+type Props = HTMLAttributes<HTMLDivElement> & {};
 
-const TagField: FC<IProps> = ({ children }) => (
+const TagField: FC<Props> = ({ children }) => (
   <div className={styles.wrap}>{children}</div>
 );
 
diff --git a/src/components/input/ButtonGroup/index.tsx b/src/components/input/ButtonGroup/index.tsx
index d582cad2..7d3e41e3 100644
--- a/src/components/input/ButtonGroup/index.tsx
+++ b/src/components/input/ButtonGroup/index.tsx
@@ -4,8 +4,8 @@ import classNames from 'classnames';
 
 import styles from './styles.module.scss';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {};
+type Props = HTMLAttributes<HTMLDivElement> & {};
 
-export const ButtonGroup = ({ children, className }: IProps) => (
+export const ButtonGroup = ({ children, className }: Props) => (
   <div className={classNames(styles.wrap, className)}>{children}</div>
 );
diff --git a/src/components/input/Textarea/index.tsx b/src/components/input/Textarea/index.tsx
index aeb59504..734659b5 100644
--- a/src/components/input/Textarea/index.tsx
+++ b/src/components/input/Textarea/index.tsx
@@ -16,7 +16,7 @@ import { useForwardRef } from '~/hooks/dom/useForwardRef';
 
 import styles from './styles.module.scss';
 
-type IProps = DetailedHTMLProps<
+type Props = DetailedHTMLProps<
   TextareaHTMLAttributes<HTMLTextAreaElement>,
   HTMLTextAreaElement
 > & {
@@ -29,7 +29,7 @@ type IProps = DetailedHTMLProps<
   title?: string;
 };
 
-const Textarea = forwardRef<HTMLTextAreaElement, IProps>(
+const Textarea = forwardRef<HTMLTextAreaElement, Props>(
   (
     {
       placeholder,
diff --git a/src/components/input/Toggle/index.tsx b/src/components/input/Toggle/index.tsx
index c271e5e1..ab147946 100644
--- a/src/components/input/Toggle/index.tsx
+++ b/src/components/input/Toggle/index.tsx
@@ -8,13 +8,13 @@ import styles from './styles.module.scss';
 
 type ToggleColor = 'primary' | 'secondary' | 'lab' | 'danger' | 'white';
 
-type IProps = Omit<ButtonProps, 'value' | 'color'> & {
+type Props = Omit<ButtonProps, 'value' | 'color'> & {
   value?: boolean;
   handler?: (val: boolean) => void;
   color?: ToggleColor;
 };
 
-const Toggle: FC<IProps> = ({ value, handler, color = 'primary', ...rest }) => {
+const Toggle: FC<Props> = ({ value, handler, color = 'primary', ...rest }) => {
   const onClick = useCallback(() => {
     if (!handler) {
       return;
diff --git a/src/components/node/CommendDeleted/index.tsx b/src/components/node/CommendDeleted/index.tsx
index 1099e23b..e519ffe2 100644
--- a/src/components/node/CommendDeleted/index.tsx
+++ b/src/components/node/CommendDeleted/index.tsx
@@ -5,12 +5,12 @@ import { IComment } from '~/types';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   id: IComment['id'];
   onDelete: (id: IComment['id'], isLocked: boolean) => void;
 }
 
-const CommendDeleted: FC<IProps> = ({ id, onDelete }) => {
+const CommendDeleted: FC<Props> = ({ id, onDelete }) => {
   const onRestore = useCallback(() => onDelete(id, false), [id, onDelete]);
 
   return (
diff --git a/src/components/node/NodeAudioBlock/index.tsx b/src/components/node/NodeAudioBlock/index.tsx
index b3e325ba..4195a94a 100644
--- a/src/components/node/NodeAudioBlock/index.tsx
+++ b/src/components/node/NodeAudioBlock/index.tsx
@@ -6,9 +6,9 @@ import { useNodeAudios } from '~/hooks/node/useNodeAudios';
 
 import styles from './styles.module.scss';
 
-interface IProps extends NodeComponentProps {}
+interface Props extends NodeComponentProps {}
 
-const NodeAudioBlock: FC<IProps> = ({ node }) => {
+const NodeAudioBlock: FC<Props> = ({ node }) => {
   const audios = useNodeAudios(node);
 
   return (
diff --git a/src/components/node/NodeAudioImageBlock/index.tsx b/src/components/node/NodeAudioImageBlock/index.tsx
index 83e557ad..008a1c1c 100644
--- a/src/components/node/NodeAudioImageBlock/index.tsx
+++ b/src/components/node/NodeAudioImageBlock/index.tsx
@@ -8,9 +8,9 @@ import { path } from '~/utils/ramda';
 
 import styles from './styles.module.scss';
 
-interface IProps extends NodeComponentProps {}
+interface Props extends NodeComponentProps {}
 
-const NodeAudioImageBlock: FC<IProps> = ({ node }) => {
+const NodeAudioImageBlock: FC<Props> = ({ node }) => {
   const images = useNodeImages(node);
 
   if (images.length === 0) return null;
diff --git a/src/components/node/NodeDeletedBadge/index.tsx b/src/components/node/NodeDeletedBadge/index.tsx
index 32a24ce0..9ed56ebf 100644
--- a/src/components/node/NodeDeletedBadge/index.tsx
+++ b/src/components/node/NodeDeletedBadge/index.tsx
@@ -2,9 +2,9 @@ import { FC } from 'react';
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const NodeDeletedBadge: FC<IProps> = () => {
+const NodeDeletedBadge: FC<Props> = () => {
   return (
     <div className={styles.badge}>
       Эта ячейка заблокирована. Её не никто не увидит.
diff --git a/src/components/node/NodeImageSwiperBlock/index.tsx b/src/components/node/NodeImageSwiperBlock/index.tsx
index 92cada4c..9e5d8082 100644
--- a/src/components/node/NodeImageSwiperBlock/index.tsx
+++ b/src/components/node/NodeImageSwiperBlock/index.tsx
@@ -22,9 +22,9 @@ import { getNodeSwiperImageSizes } from './helpers';
 import { NODE_SWIPER_OPTIONS } from './options';
 import styles from './styles.module.scss';
 
-interface IProps extends NodeComponentProps {}
+interface Props extends NodeComponentProps {}
 
-const NodeImageSwiperBlock: FC<IProps> = observer(({ node }) => {
+const NodeImageSwiperBlock: FC<Props> = observer(({ node }) => {
   const [controlledSwiper, setControlledSwiper] = useState<SwiperClass>();
   const showPhotoSwiper = useImageModal();
   const { isOpened: isModalActive } = useModal();
diff --git a/src/components/node/NodeNoComments/index.tsx b/src/components/node/NodeNoComments/index.tsx
index abb0f047..31d445c5 100644
--- a/src/components/node/NodeNoComments/index.tsx
+++ b/src/components/node/NodeNoComments/index.tsx
@@ -8,12 +8,12 @@ import { t } from '~/utils/trans';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   loading?: boolean;
   count?: number;
 }
 
-const NodeNoComments: FC<IProps> = ({ loading = false, count = 3 }) => {
+const NodeNoComments: FC<Props> = ({ loading = false, count = 3 }) => {
   const items = useMemo(
     () =>
       [...new Array(count)].map((_, i) => (
diff --git a/src/components/node/NodeRelated/index.tsx b/src/components/node/NodeRelated/index.tsx
index 422a9228..1cf2096e 100644
--- a/src/components/node/NodeRelated/index.tsx
+++ b/src/components/node/NodeRelated/index.tsx
@@ -8,12 +8,12 @@ import { INode } from '~/types';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   title: ReactElement | string;
   items: Partial<INode>[];
 }
 
-const NodeRelated: FC<IProps> = ({ title, items }) => {
+const NodeRelated: FC<Props> = ({ title, items }) => {
   return (
     <Group className={styles.wrap}>
       <SubTitle className={styles.title}>{title}</SubTitle>
diff --git a/src/components/node/NodeRelated/placeholder.tsx b/src/components/node/NodeRelated/placeholder.tsx
index c6f6000b..996e6a27 100644
--- a/src/components/node/NodeRelated/placeholder.tsx
+++ b/src/components/node/NodeRelated/placeholder.tsx
@@ -9,9 +9,9 @@ import { range } from '~/utils/ramda';
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const NodeRelatedPlaceholder: FC<IProps> = memo(() => {
+const NodeRelatedPlaceholder: FC<Props> = memo(() => {
   return (
     <Group className={classNames(styles.wrap, styles.placeholder)}>
       <div className={styles.title}>
diff --git a/src/components/node/NodeRelatedBlock/index.tsx b/src/components/node/NodeRelatedBlock/index.tsx
index 136e1a86..b46e3d51 100644
--- a/src/components/node/NodeRelatedBlock/index.tsx
+++ b/src/components/node/NodeRelatedBlock/index.tsx
@@ -7,13 +7,13 @@ import { useTagSidebar } from '~/hooks/sidebar/useTagSidebar';
 import { INode } from '~/types';
 import { INodeRelated } from '~/types/node';
 
-interface IProps {
+interface Props {
   isLoading: boolean;
   node: INode;
   related: INodeRelated;
 }
 
-const NodeRelatedBlock: FC<IProps> = ({ isLoading, node, related }) => {
+const NodeRelatedBlock: FC<Props> = ({ isLoading, node, related }) => {
   const goToTag = useTagSidebar();
 
   if (isLoading) {
diff --git a/src/components/node/NodeTags/index.tsx b/src/components/node/NodeTags/index.tsx
index 4eac5c27..2dc0ea8d 100644
--- a/src/components/node/NodeTags/index.tsx
+++ b/src/components/node/NodeTags/index.tsx
@@ -3,7 +3,7 @@ import { FC, memo } from 'react';
 import { Tags } from '~/containers/tags/Tags';
 import { ITag } from '~/types';
 
-interface IProps {
+interface Props {
   is_deletable?: boolean;
   is_editable?: boolean;
   tags: ITag[];
@@ -12,7 +12,7 @@ interface IProps {
   onTagDelete?: (id: ITag['ID']) => void;
 }
 
-const NodeTags: FC<IProps> = memo(
+const NodeTags: FC<Props> = memo(
   ({ is_editable, is_deletable, tags, onChange, onTagClick, onTagDelete }) => {
     return (
       <Tags
diff --git a/src/components/node/NodeTagsBlock/index.tsx b/src/components/node/NodeTagsBlock/index.tsx
index 77e303c5..d9876065 100644
--- a/src/components/node/NodeTagsBlock/index.tsx
+++ b/src/components/node/NodeTagsBlock/index.tsx
@@ -3,9 +3,9 @@ import { FC } from 'react';
 import { NodeTags } from '~/components/node/NodeTags';
 import { useTagContext } from '~/utils/context/TagsContextProvider';
 
-interface IProps {}
+interface Props {}
 
-const NodeTagsBlock: FC<IProps> = () => {
+const NodeTagsBlock: FC<Props> = () => {
   const {
     tags,
     canAppend,
diff --git a/src/components/node/NodeTagsPlaceholder/index.tsx b/src/components/node/NodeTagsPlaceholder/index.tsx
index 2524e4b2..b67af936 100644
--- a/src/components/node/NodeTagsPlaceholder/index.tsx
+++ b/src/components/node/NodeTagsPlaceholder/index.tsx
@@ -3,13 +3,13 @@ import { FC, memo } from 'react';
 import { Tags } from '~/containers/tags/Tags';
 import { ITag } from '~/types';
 
-interface IProps {
+interface Props {
   is_editable?: boolean;
   tags: ITag[];
   onChange?: (tags: string[]) => void;
 }
 
-const NodeTagsPlaceholder: FC<IProps> = memo(
+const NodeTagsPlaceholder: FC<Props> = memo(
   ({ is_editable, tags, onChange }) => (
     <Tags tags={tags} editable={is_editable} onTagsChange={onChange} />
   ),
diff --git a/src/components/node/NodeTextBlock/index.tsx b/src/components/node/NodeTextBlock/index.tsx
index cf892702..e4fbf691 100644
--- a/src/components/node/NodeTextBlock/index.tsx
+++ b/src/components/node/NodeTextBlock/index.tsx
@@ -10,9 +10,9 @@ import { path } from '~/utils/ramda';
 
 import styles from './styles.module.scss';
 
-interface IProps extends NodeComponentProps {}
+interface Props extends NodeComponentProps {}
 
-const NodeTextBlock: FC<IProps> = ({ node }) => {
+const NodeTextBlock: FC<Props> = ({ node }) => {
   const content = useMemo(
     () => formatTextParagraphs(path(['blocks', 0, 'text'], node) || ''),
     [node],
diff --git a/src/components/node/NodeTitle/index.tsx b/src/components/node/NodeTitle/index.tsx
index a910cd6e..0839fa30 100644
--- a/src/components/node/NodeTitle/index.tsx
+++ b/src/components/node/NodeTitle/index.tsx
@@ -11,7 +11,7 @@ import { NodeLikeButton } from '../NodeLikeButton';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   id?: number;
   title: string;
   username?: string;
@@ -34,7 +34,7 @@ interface IProps {
   onEdit: () => void;
 }
 
-const NodeTitle: VFC<IProps> = memo(
+const NodeTitle: VFC<Props> = memo(
   ({
     title,
     username,
diff --git a/src/components/node/NodeVideoBlock/index.tsx b/src/components/node/NodeVideoBlock/index.tsx
index c876b301..002edba3 100644
--- a/src/components/node/NodeVideoBlock/index.tsx
+++ b/src/components/node/NodeVideoBlock/index.tsx
@@ -5,9 +5,9 @@ import { path } from '~/utils/ramda';
 
 import styles from './styles.module.scss';
 
-interface IProps extends NodeComponentProps {}
+interface Props extends NodeComponentProps {}
 
-const NodeVideoBlock: FC<IProps> = ({ node }) => {
+const NodeVideoBlock: FC<Props> = ({ node }) => {
   const video = useMemo(() => {
     const url: string = path(['blocks', 0, 'url'], node) || '';
     const match =
diff --git a/src/components/profile/ProfileAccountsError/index.tsx b/src/components/profile/ProfileAccountsError/index.tsx
index c377c77c..06401ba7 100644
--- a/src/components/profile/ProfileAccountsError/index.tsx
+++ b/src/components/profile/ProfileAccountsError/index.tsx
@@ -6,12 +6,12 @@ import { ERROR_LITERAL } from '~/constants/errors';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   onClose: () => void;
   error: string;
 }
 
-const ProfileAccountsError: FC<IProps> = ({ onClose, error }) => (
+const ProfileAccountsError: FC<Props> = ({ onClose, error }) => (
   <div className={styles.wrap}>
     <Group className={styles.content}>
       <div className={styles.title}>О НЕТ!</div>
diff --git a/src/components/profile/ProfileSidebarSettings/index.tsx b/src/components/profile/ProfileSidebarSettings/index.tsx
index 57b16608..32aa1dd4 100644
--- a/src/components/profile/ProfileSidebarSettings/index.tsx
+++ b/src/components/profile/ProfileSidebarSettings/index.tsx
@@ -12,7 +12,7 @@ import {
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
 const Form = ({ children, className }) => {
   const { handleSubmit } = useSettings();
@@ -24,7 +24,7 @@ const Form = ({ children, className }) => {
   );
 };
 
-const ProfileSidebarSettings: FC<IProps> = () => {
+const ProfileSidebarSettings: FC<Props> = () => {
   const { closeAllTabs } = useStackContext();
 
   return (
diff --git a/src/components/sidebar/SidebarWrapper/index.tsx b/src/components/sidebar/SidebarWrapper/index.tsx
index ccb9fbfc..c0b4a4d3 100644
--- a/src/components/sidebar/SidebarWrapper/index.tsx
+++ b/src/components/sidebar/SidebarWrapper/index.tsx
@@ -6,13 +6,13 @@ import { useCloseOnEscape } from '~/hooks';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   onClose?: () => void;
   closeOnBackdropClick?: boolean;
   backdrop?: ReactNode;
 }
 
-const SidebarWrapper: FC<IProps> = ({
+const SidebarWrapper: FC<Props> = ({
   children,
   onClose,
   closeOnBackdropClick = true,
diff --git a/src/components/sidebar/TagSidebarList/index.tsx b/src/components/sidebar/TagSidebarList/index.tsx
index 91f6c494..2dd2f3a9 100644
--- a/src/components/sidebar/TagSidebarList/index.tsx
+++ b/src/components/sidebar/TagSidebarList/index.tsx
@@ -5,11 +5,11 @@ import { INode } from '~/types';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   nodes: INode[];
 }
 
-const TagSidebarList: FC<IProps> = ({ nodes }) => (
+const TagSidebarList: FC<Props> = ({ nodes }) => (
   <div className={styles.list}>
     {nodes.map((node) => (
       <NodeHorizontalCard node={node} key={node.id} />
diff --git a/src/components/tags/Tag/index.tsx b/src/components/tags/Tag/index.tsx
index aa63bdf2..daf8495d 100644
--- a/src/components/tags/Tag/index.tsx
+++ b/src/components/tags/Tag/index.tsx
@@ -3,7 +3,7 @@ import { FC, FocusEventHandler, useCallback } from 'react';
 import { TagWrapper } from '~/components/tags/TagWrapper';
 import { ITag } from '~/types';
 
-interface IProps {
+interface Props {
   tag: Partial<ITag>;
   size?: 'normal' | 'big';
 
@@ -16,7 +16,7 @@ interface IProps {
   onDelete?: (id: ITag['ID']) => void;
 }
 
-const Tag: FC<IProps> = ({
+const Tag: FC<Props> = ({
   tag,
   deletable: deletable,
   hoverable: hoverable,
diff --git a/src/components/tags/TagAutocompleteRow/index.tsx b/src/components/tags/TagAutocompleteRow/index.tsx
index a032db95..5fb73316 100644
--- a/src/components/tags/TagAutocompleteRow/index.tsx
+++ b/src/components/tags/TagAutocompleteRow/index.tsx
@@ -6,19 +6,14 @@ import { Icon } from '~/components/common/Icon';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   selected: boolean;
   title: string;
   type: 'enter' | 'right' | 'tag';
   onSelect: (val: string) => void;
 }
 
-const TagAutocompleteRow: FC<IProps> = ({
-  selected,
-  type,
-  title,
-  onSelect,
-}) => {
+const TagAutocompleteRow: FC<Props> = ({ selected, type, title, onSelect }) => {
   const onClick = useCallback(() => onSelect(title), [title, onSelect]);
 
   return (
diff --git a/src/components/tags/TagWrapper/index.tsx b/src/components/tags/TagWrapper/index.tsx
index 0d95d755..2ac53351 100644
--- a/src/components/tags/TagWrapper/index.tsx
+++ b/src/components/tags/TagWrapper/index.tsx
@@ -6,7 +6,7 @@ import { Icon } from '~/components/common/Icon';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   className?: string;
   size?: string;
   color?: 'primary' | 'danger' | 'info' | 'black' | 'default';
@@ -18,7 +18,7 @@ interface IProps {
   title?: string;
 }
 
-const TagWrapper: FC<IProps> = ({
+const TagWrapper: FC<Props> = ({
   className,
   color = 'default',
   children,
diff --git a/src/components/upload/AudioUpload/index.tsx b/src/components/upload/AudioUpload/index.tsx
index 3e62971b..9cdb57ea 100644
--- a/src/components/upload/AudioUpload/index.tsx
+++ b/src/components/upload/AudioUpload/index.tsx
@@ -7,7 +7,7 @@ import { Icon } from '~/components/common/Icon';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   id?: string;
   title?: string;
   progress?: number;
@@ -16,13 +16,7 @@ interface IProps {
   uploading?: boolean;
 }
 
-const AudioUpload: FC<IProps> = ({
-  title,
-  progress,
-  uploading,
-  id,
-  onDrop,
-}) => {
+const AudioUpload: FC<Props> = ({ title, progress, uploading, id, onDrop }) => {
   const onDropFile = useCallback(() => {
     if (!id || !onDrop) return;
     onDrop(id);
diff --git a/src/components/upload/ImageUpload/index.tsx b/src/components/upload/ImageUpload/index.tsx
index ed951042..23b6b09e 100644
--- a/src/components/upload/ImageUpload/index.tsx
+++ b/src/components/upload/ImageUpload/index.tsx
@@ -8,7 +8,7 @@ import { IFile } from '~/types';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   id?: IFile['id'];
   thumb?: string;
   progress?: number;
@@ -17,13 +17,7 @@ interface IProps {
   uploading?: boolean;
 }
 
-const ImageUpload: FC<IProps> = ({
-  thumb,
-  progress,
-  uploading,
-  id,
-  onDrop,
-}) => {
+const ImageUpload: FC<Props> = ({ thumb, progress, uploading, id, onDrop }) => {
   const onDropFile = useCallback(() => {
     if (!id || !onDrop) return;
     onDrop(id);
diff --git a/src/components/upload/UploadDropzone/index.tsx b/src/components/upload/UploadDropzone/index.tsx
index 3bc9a71c..b916bcd3 100644
--- a/src/components/upload/UploadDropzone/index.tsx
+++ b/src/components/upload/UploadDropzone/index.tsx
@@ -10,12 +10,12 @@ import { DivProps } from '~/utils/types';
 
 import styles from './styles.module.scss';
 
-interface IProps extends DivProps {
+interface Props extends DivProps {
   onUpload: (files: File[]) => void;
   helperClassName?: string;
 }
 
-const UploadDropzone: FC<IProps> = ({
+const UploadDropzone: FC<Props> = ({
   children,
   onUpload,
   helperClassName,
diff --git a/src/components/welcome/PersonsSlide/index.tsx b/src/components/welcome/PersonsSlide/index.tsx
index c953b479..288745c2 100644
--- a/src/components/welcome/PersonsSlide/index.tsx
+++ b/src/components/welcome/PersonsSlide/index.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 
-import { Container } from '~/containers/main/Container';
+import { Container } from '~/components/common/Container';
 import markdown from '~/styles/common/markdown.module.scss';
 
 import { WelcomeSlideWrapper } from '../WelcomeSlideWrapper';
diff --git a/src/components/welcome/WelcomeSlide/index.tsx b/src/components/welcome/WelcomeSlide/index.tsx
index 337ee5c4..842fc60d 100644
--- a/src/components/welcome/WelcomeSlide/index.tsx
+++ b/src/components/welcome/WelcomeSlide/index.tsx
@@ -2,8 +2,8 @@ import { FC } from 'react';
 
 import classNames from 'classnames';
 
+import { Container } from '~/components/common/Container';
 import { Filler } from '~/components/common/Filler';
-import { Container } from '~/containers/main/Container';
 import { useAuth } from '~/hooks/auth/useAuth';
 import markdown from '~/styles/common/markdown.module.scss';
 
diff --git a/src/containers/auth/LoginDialog/components/LoginDialogButtons/index.tsx b/src/containers/auth/LoginDialog/components/LoginDialogButtons/index.tsx
index 55f4fef9..9186eaaa 100644
--- a/src/containers/auth/LoginDialog/components/LoginDialogButtons/index.tsx
+++ b/src/containers/auth/LoginDialog/components/LoginDialogButtons/index.tsx
@@ -7,11 +7,11 @@ import { OAuthProvider } from '~/types/auth';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   openOauthWindow: (provider: OAuthProvider) => void;
 }
 
-const LoginDialogButtons: FC<IProps> = ({ openOauthWindow }) => (
+const LoginDialogButtons: FC<Props> = ({ openOauthWindow }) => (
   <Group className={styles.footer}>
     <Button>Войти</Button>
 
diff --git a/src/containers/auth/LoginDialog/components/LoginSocialRegisterButtons/index.tsx b/src/containers/auth/LoginDialog/components/LoginSocialRegisterButtons/index.tsx
index 92a9e06d..3a948b02 100644
--- a/src/containers/auth/LoginDialog/components/LoginSocialRegisterButtons/index.tsx
+++ b/src/containers/auth/LoginDialog/components/LoginSocialRegisterButtons/index.tsx
@@ -4,9 +4,9 @@ import { Button } from '~/components/input/Button';
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const LoginSocialRegisterButtons: FC<IProps> = () => (
+const LoginSocialRegisterButtons: FC<Props> = () => (
   <div className={styles.wrap}>
     <Button>Впустите меня!</Button>
   </div>
diff --git a/src/containers/auth/SuperPowersToggle/components/BorisSuperpowers/index.tsx b/src/containers/auth/SuperPowersToggle/components/BorisSuperpowers/index.tsx
index 72a79cea..f1ae86d1 100644
--- a/src/containers/auth/SuperPowersToggle/components/BorisSuperpowers/index.tsx
+++ b/src/containers/auth/SuperPowersToggle/components/BorisSuperpowers/index.tsx
@@ -4,12 +4,12 @@ import { Toggle } from '~/components/input/Toggle';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   active?: boolean;
   onChange?: (val: boolean) => void;
 }
 
-const BorisSuperpowers: FC<IProps> = ({ active, onChange }) => {
+const BorisSuperpowers: FC<Props> = ({ active, onChange }) => {
   const onToggle = useCallback(() => {
     if (!onChange) {
       return;
diff --git a/src/containers/boris/BorisComments/index.tsx b/src/containers/boris/BorisComments/index.tsx
index 943f021a..f752836e 100644
--- a/src/containers/boris/BorisComments/index.tsx
+++ b/src/containers/boris/BorisComments/index.tsx
@@ -1,7 +1,7 @@
 import { FC } from 'react';
 
+import { Footer } from '~/components/common/Footer';
 import { Group } from '~/components/common/Group';
-import { Footer } from '~/components/main/Footer';
 import { NodeNoComments } from '~/components/node/NodeNoComments';
 import { NodeCommentFormSSR } from '~/containers/node/NodeCommentForm/ssr';
 import { NodeComments } from '~/containers/node/NodeComments';
diff --git a/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsBackend/index.tsx b/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsBackend/index.tsx
index 2ba4bfbc..f5e9bbec 100644
--- a/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsBackend/index.tsx
+++ b/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsBackend/index.tsx
@@ -9,12 +9,12 @@ import { BorisGraphicStats } from '../BorisGraphicStats';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   stats: StatBackend;
   isLoading: boolean;
 }
 
-const BorisStatsBackend: FC<IProps> = ({ isLoading, stats }) => {
+const BorisStatsBackend: FC<Props> = ({ isLoading, stats }) => {
   const commentsByMonth = useMemo(
     () => stats.comments.by_month?.slice(0, -1),
     [stats.comments.by_month],
diff --git a/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGit/index.tsx b/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGit/index.tsx
index f0a35812..27d8c7f3 100644
--- a/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGit/index.tsx
+++ b/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGit/index.tsx
@@ -7,12 +7,12 @@ import { BorisStatsGitCard } from '../BorisStatsGitCard';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   issues: GithubIssue[];
   isLoading: boolean;
 }
 
-const BorisStatsGit: FC<IProps> = ({ issues, isLoading }) => {
+const BorisStatsGit: FC<Props> = ({ issues, isLoading }) => {
   const open = useMemo(
     () =>
       issues
diff --git a/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGitCard/index.tsx b/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGitCard/index.tsx
index 859adc21..094f9ac5 100644
--- a/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGitCard/index.tsx
+++ b/src/containers/boris/BorisSidebar/components/BorisStats/components/BorisStatsGitCard/index.tsx
@@ -7,7 +7,7 @@ import { getPrettyDate } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   data: GithubIssue;
 }
 
@@ -16,7 +16,7 @@ const stateLabels: Record<GithubIssue['state'], string> = {
   closed: 'Сделано',
 };
 
-const BorisStatsGitCard: FC<IProps> = ({
+const BorisStatsGitCard: FC<Props> = ({
   data: { created_at, title, html_url, state },
 }) => {
   const date = useMemo(() => getPrettyDate(created_at), [created_at]);
diff --git a/src/containers/boris/BorisSidebar/components/BorisStats/index.tsx b/src/containers/boris/BorisSidebar/components/BorisStats/index.tsx
index 87ca992b..1af06d84 100644
--- a/src/containers/boris/BorisSidebar/components/BorisStats/index.tsx
+++ b/src/containers/boris/BorisSidebar/components/BorisStats/index.tsx
@@ -5,12 +5,12 @@ import { BorisUsageStats } from '~/types/boris';
 import { BorisStatsBackend } from './components/BorisStatsBackend';
 import { BorisStatsGit } from './components/BorisStatsGit';
 
-interface IProps {
+interface Props {
   stats: BorisUsageStats;
   isLoading: boolean;
 }
 
-const BorisStats: FC<IProps> = ({ stats, isLoading }) => {
+const BorisStats: FC<Props> = ({ stats, isLoading }) => {
   return (
     <>
       <BorisStatsBackend stats={stats.backend} isLoading={isLoading} />
diff --git a/src/containers/comments/CommentForm/components/CommentFormAttachButtons/index.tsx b/src/containers/comments/CommentForm/components/CommentFormAttachButtons/index.tsx
index 1fb49e54..11fbb3ad 100644
--- a/src/containers/comments/CommentForm/components/CommentFormAttachButtons/index.tsx
+++ b/src/containers/comments/CommentForm/components/CommentFormAttachButtons/index.tsx
@@ -4,11 +4,11 @@ import { Button } from '~/components/input/Button';
 import { ButtonGroup } from '~/components/input/ButtonGroup';
 import { COMMENT_FILE_TYPES } from '~/constants/uploads';
 
-interface IProps {
+interface Props {
   onUpload: (files: File[]) => void;
 }
 
-const CommentFormAttachButtons: FC<IProps> = ({ onUpload }) => {
+const CommentFormAttachButtons: FC<Props> = ({ onUpload }) => {
   const onInputChange = useCallback(
     (event) => {
       event.preventDefault();
diff --git a/src/containers/comments/CommentForm/components/CommentFormFormatButtons/index.tsx b/src/containers/comments/CommentForm/components/CommentFormFormatButtons/index.tsx
index f9368235..8406c3ef 100644
--- a/src/containers/comments/CommentForm/components/CommentFormFormatButtons/index.tsx
+++ b/src/containers/comments/CommentForm/components/CommentFormFormatButtons/index.tsx
@@ -9,12 +9,12 @@ import {
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   element: HTMLTextAreaElement;
   handler: (val: string) => void;
 }
 
-const CommentFormFormatButtons: FC<IProps> = ({ element, handler }) => {
+const CommentFormFormatButtons: FC<Props> = ({ element, handler }) => {
   const wrapper = useFormatWrapper(handler);
 
   const wrap = useCallback(
diff --git a/src/containers/comments/CommentForm/components/CommentFormTextarea/index.tsx b/src/containers/comments/CommentForm/components/CommentFormTextarea/index.tsx
index 088e3140..051e49fa 100644
--- a/src/containers/comments/CommentForm/components/CommentFormTextarea/index.tsx
+++ b/src/containers/comments/CommentForm/components/CommentFormTextarea/index.tsx
@@ -9,11 +9,11 @@ import { Textarea } from '~/components/input/Textarea';
 import { useRandomPhrase } from '~/constants/phrases';
 import { useCommentFormContext } from '~/hooks/comments/useCommentFormFormik';
 
-interface IProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
   isLoading?: boolean;
 }
 
-const CommentFormTextarea = forwardRef<HTMLTextAreaElement, IProps>(
+const CommentFormTextarea = forwardRef<HTMLTextAreaElement, Props>(
   ({ ...rest }, ref) => {
     const { values, handleChange, handleSubmit, isSubmitting } =
       useCommentFormContext();
diff --git a/src/containers/comments/CommentForm/index.tsx b/src/containers/comments/CommentForm/index.tsx
index 7e223cce..5c90a93a 100644
--- a/src/containers/comments/CommentForm/index.tsx
+++ b/src/containers/comments/CommentForm/index.tsx
@@ -18,7 +18,7 @@ import { CommentFormFormatButtons } from './components/CommentFormFormatButtons'
 import { CommentFormTextarea } from './components/CommentFormTextarea';
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   comment?: IComment;
   allowUploads?: boolean;
 
@@ -26,7 +26,7 @@ interface IProps {
   onCancelEdit?: () => void;
 }
 
-const CommentForm: FC<IProps> = observer(
+const CommentForm: FC<Props> = observer(
   ({ comment, allowUploads, saveComment, onCancelEdit }) => {
     const [textarea, setTextArea] = useState<HTMLTextAreaElement | null>(null);
     const uploader = useUploaderContext();
diff --git a/src/containers/comments/CommentWrapper/index.tsx b/src/containers/comments/CommentWrapper/index.tsx
index c2839400..961d4443 100644
--- a/src/containers/comments/CommentWrapper/index.tsx
+++ b/src/containers/comments/CommentWrapper/index.tsx
@@ -9,7 +9,7 @@ import { DivProps } from '~/utils/types';
 import { CommentAvatar } from './components/CommentAvatar';
 import styles from './styles.module.scss';
 
-type IProps = DivProps & {
+type Props = DivProps & {
   user?: IUser;
   isEmpty?: boolean;
   isLoading?: boolean;
@@ -17,7 +17,7 @@ type IProps = DivProps & {
   isNew?: boolean;
 };
 
-const CommentWrapper: FC<IProps> = ({
+const CommentWrapper: FC<Props> = ({
   user,
   className,
   isEmpty,
diff --git a/src/containers/dialogs/EditorDialog/components/AudioGrid/index.tsx b/src/containers/dialogs/EditorDialog/components/AudioGrid/index.tsx
index 44d3ee22..eb1ebd7b 100644
--- a/src/containers/dialogs/EditorDialog/components/AudioGrid/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/AudioGrid/index.tsx
@@ -4,13 +4,13 @@ import { SortableAudioGrid } from '~/components/sortable/SortableAudioGrid';
 import { UploadStatus } from '~/store/uploader/UploaderStore';
 import { IFile } from '~/types';
 
-interface IProps {
+interface Props {
   files: IFile[];
   setFiles: (val: IFile[]) => void;
   locked: UploadStatus[];
 }
 
-const AudioGrid: FC<IProps> = ({ files, setFiles, locked }) => {
+const AudioGrid: FC<Props> = ({ files, setFiles, locked }) => {
   const onMove = useCallback(
     (newFiles: IFile[]) => {
       setFiles(newFiles);
diff --git a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorAudioUploadButton/index.tsx b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorAudioUploadButton/index.tsx
index 40598cd3..ed119f73 100644
--- a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorAudioUploadButton/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorAudioUploadButton/index.tsx
@@ -4,9 +4,9 @@ import { UploadType } from '~/constants/uploads';
 import { EditorUploadButton } from '~/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadButton';
 import { IEditorComponentProps } from '~/types/node';
 
-type IProps = IEditorComponentProps & {};
+type Props = IEditorComponentProps & {};
 
-const EditorAudioUploadButton: FC<IProps> = () => (
+const EditorAudioUploadButton: FC<Props> = () => (
   <EditorUploadButton
     accept="audio/*"
     icon="audio"
diff --git a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorFiller/index.tsx b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorFiller/index.tsx
index 7c055257..187dcd5d 100644
--- a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorFiller/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorFiller/index.tsx
@@ -5,8 +5,8 @@ import { IEditorComponentProps } from '~/types/node';
 
 import styles from './styles.module.scss';
 
-type IProps = IEditorComponentProps & {};
+type Props = IEditorComponentProps & {};
 
-const EditorFiller: FC<IProps> = () => <Filler className={styles.filler} />;
+const EditorFiller: FC<Props> = () => <Filler className={styles.filler} />;
 
 export { EditorFiller };
diff --git a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorImageUploadButton/index.tsx b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorImageUploadButton/index.tsx
index d223d6b2..9a960983 100644
--- a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorImageUploadButton/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorImageUploadButton/index.tsx
@@ -5,9 +5,9 @@ import { IEditorComponentProps } from '~/types/node';
 
 import { EditorUploadButton } from '../EditorUploadButton';
 
-type IProps = IEditorComponentProps & {};
+type Props = IEditorComponentProps & {};
 
-const EditorImageUploadButton: FC<IProps> = () => (
+const EditorImageUploadButton: FC<Props> = () => (
   <EditorUploadButton
     accept="image/*"
     icon="image"
diff --git a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorPublicSwitch/index.tsx b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorPublicSwitch/index.tsx
index 69e8d474..369c58e4 100644
--- a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorPublicSwitch/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorPublicSwitch/index.tsx
@@ -7,9 +7,9 @@ import { IEditorComponentProps } from '~/types/node';
 
 import styles from './styles.module.scss';
 
-interface IProps extends IEditorComponentProps {}
+interface Props extends IEditorComponentProps {}
 
-const EditorPublicSwitch: FC<IProps> = () => {
+const EditorPublicSwitch: FC<Props> = () => {
   const { values, setFieldValue } = useNodeFormContext();
 
   const onChange = useCallback(
diff --git a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadButton/index.tsx b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadButton/index.tsx
index 71db0fe1..fceaac79 100644
--- a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadButton/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadButton/index.tsx
@@ -10,14 +10,14 @@ import { getFileType } from '~/utils/uploader';
 
 import styles from './styles.module.scss';
 
-type IProps = IEditorComponentProps & {
+type Props = IEditorComponentProps & {
   accept?: string;
   icon?: string;
   type?: UploadType;
   label?: string;
 };
 
-const EditorUploadButton: FC<IProps> = ({
+const EditorUploadButton: FC<Props> = ({
   accept = 'image/*',
   icon = 'plus',
   type = UploadType.Image,
diff --git a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadCoverButton/index.tsx b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadCoverButton/index.tsx
index 4a30109a..9b31b27f 100644
--- a/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadCoverButton/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/EditorButtons/components/EditorActionsPanel/components/EditorUploadCoverButton/index.tsx
@@ -11,9 +11,9 @@ import { getFileType } from '~/utils/uploader';
 
 import styles from './styles.module.scss';
 
-type IProps = IEditorComponentProps & {};
+type Props = IEditorComponentProps & {};
 
-const EditorUploadCoverButton: FC<IProps> = () => {
+const EditorUploadCoverButton: FC<Props> = () => {
   const { values, setFieldValue } = useNodeFormContext();
   const { uploadFile, files, pendingImages } = useUploader(
     UploadSubject.Editor,
diff --git a/src/containers/dialogs/EditorDialog/components/EditorConfirmClose/index.tsx b/src/containers/dialogs/EditorDialog/components/EditorConfirmClose/index.tsx
index 140bd265..26f720e4 100644
--- a/src/containers/dialogs/EditorDialog/components/EditorConfirmClose/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/EditorConfirmClose/index.tsx
@@ -5,12 +5,12 @@ import { Button } from '~/components/input/Button';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   onApprove: () => void;
   onDecline: () => void;
 }
 
-const EditorConfirmClose: FC<IProps> = ({ onApprove, onDecline }) => (
+const EditorConfirmClose: FC<Props> = ({ onApprove, onDecline }) => (
   <div className={styles.wrap}>
     <Group className={styles.content}>
       <div className={styles.title}>Точно закрыть?</div>
diff --git a/src/containers/dialogs/EditorDialog/components/ImageEditor/index.tsx b/src/containers/dialogs/EditorDialog/components/ImageEditor/index.tsx
index 283d08c8..38e9c213 100644
--- a/src/containers/dialogs/EditorDialog/components/ImageEditor/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/ImageEditor/index.tsx
@@ -9,9 +9,9 @@ import { ImageGrid } from '../ImageGrid';
 
 import styles from './styles.module.scss';
 
-type IProps = NodeEditorProps;
+type Props = NodeEditorProps;
 
-const ImageEditor: FC<IProps> = () => {
+const ImageEditor: FC<Props> = () => {
   const { pending, files, setFiles, uploadFiles } = useUploaderContext()!;
 
   return (
diff --git a/src/containers/dialogs/EditorDialog/components/ImageGrid/index.tsx b/src/containers/dialogs/EditorDialog/components/ImageGrid/index.tsx
index 07161055..7a009f5d 100644
--- a/src/containers/dialogs/EditorDialog/components/ImageGrid/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/ImageGrid/index.tsx
@@ -5,13 +5,13 @@ import { useWindowSize } from '~/hooks/dom/useWindowSize';
 import { UploadStatus } from '~/store/uploader/UploaderStore';
 import { IFile } from '~/types';
 
-interface IProps {
+interface Props {
   files: IFile[];
   setFiles: (val: IFile[]) => void;
   locked: UploadStatus[];
 }
 
-const ImageGrid: FC<IProps> = ({ files, setFiles, locked }) => {
+const ImageGrid: FC<Props> = ({ files, setFiles, locked }) => {
   const { isTablet } = useWindowSize();
 
   const onMove = useCallback(
diff --git a/src/containers/dialogs/EditorDialog/components/TextEditor/index.tsx b/src/containers/dialogs/EditorDialog/components/TextEditor/index.tsx
index 4db2f517..b5aef800 100644
--- a/src/containers/dialogs/EditorDialog/components/TextEditor/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/TextEditor/index.tsx
@@ -8,9 +8,9 @@ import { path } from '~/utils/ramda';
 
 import styles from './styles.module.scss';
 
-type IProps = NodeEditorProps & {};
+type Props = NodeEditorProps & {};
 
-const TextEditor: FC<IProps> = () => {
+const TextEditor: FC<Props> = () => {
   const { values, setFieldValue } = useNodeFormContext();
   const placeholder = useRandomPhrase('SIMPLE');
 
diff --git a/src/containers/dialogs/EditorDialog/components/VideoEditor/index.tsx b/src/containers/dialogs/EditorDialog/components/VideoEditor/index.tsx
index 91241a7b..3a93b3fe 100644
--- a/src/containers/dialogs/EditorDialog/components/VideoEditor/index.tsx
+++ b/src/containers/dialogs/EditorDialog/components/VideoEditor/index.tsx
@@ -10,9 +10,9 @@ import { path } from '~/utils/ramda';
 
 import styles from './styles.module.scss';
 
-type IProps = NodeEditorProps & {};
+type Props = NodeEditorProps & {};
 
-const VideoEditor: FC<IProps> = () => {
+const VideoEditor: FC<Props> = () => {
   const { values, setFieldValue } = useNodeFormContext();
 
   const setUrl = useCallback(
diff --git a/src/containers/dialogs/Modal/index.tsx b/src/containers/dialogs/Modal/index.tsx
index 63616b1e..7bda9a70 100644
--- a/src/containers/dialogs/Modal/index.tsx
+++ b/src/containers/dialogs/Modal/index.tsx
@@ -7,9 +7,9 @@ import { DIALOG_CONTENT } from '~/constants/modal';
 import { useModalStore } from '~/store/modal/useModalStore';
 import { has } from '~/utils/ramda';
 
-type IProps = {};
+type Props = {};
 
-const Modal: FC<IProps> = observer(() => {
+const Modal: FC<Props> = observer(() => {
   const { current, hide, props } = useModalStore();
 
   if (!current || !has(current, DIALOG_CONTENT)) {
diff --git a/src/containers/dialogs/TestDialog/index.tsx b/src/containers/dialogs/TestDialog/index.tsx
index bd6264e4..c604e42b 100644
--- a/src/containers/dialogs/TestDialog/index.tsx
+++ b/src/containers/dialogs/TestDialog/index.tsx
@@ -4,9 +4,9 @@ import { BetterScrollDialog } from '~/components/common/BetterScrollDialog';
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const TestDialog: FC<IProps> = () => (
+const TestDialog: FC<Props> = () => (
   <BetterScrollDialog
     header={<div className={styles.head}>HEAD</div>}
     footer={<div className={styles.footer}>FOOTER</div>}
diff --git a/src/containers/flow/FlowStamp/components/FlowRecent/index.tsx b/src/containers/flow/FlowStamp/components/FlowRecent/index.tsx
index 1d7371c0..f46249d0 100644
--- a/src/containers/flow/FlowStamp/components/FlowRecent/index.tsx
+++ b/src/containers/flow/FlowStamp/components/FlowRecent/index.tsx
@@ -5,12 +5,12 @@ import { IFlowNode } from '~/types';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   recent: IFlowNode[];
   updated: IFlowNode[];
 }
 
-const FlowRecent: FC<IProps> = ({ recent, updated }) => {
+const FlowRecent: FC<Props> = ({ recent, updated }) => {
   return (
     <>
       <div className={styles.updates}>
diff --git a/src/containers/flow/FlowStamp/components/FlowSearchResults/index.tsx b/src/containers/flow/FlowStamp/components/FlowSearchResults/index.tsx
index 74d51f7e..8848ea1e 100644
--- a/src/containers/flow/FlowStamp/components/FlowSearchResults/index.tsx
+++ b/src/containers/flow/FlowStamp/components/FlowSearchResults/index.tsx
@@ -7,14 +7,14 @@ import { INode } from '~/types';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   isLoading: boolean;
   results: INode[];
   hasMore: boolean;
   onLoadMore: () => void;
 }
 
-const FlowSearchResults: FC<IProps> = ({ results, onLoadMore, hasMore }) => {
+const FlowSearchResults: FC<Props> = ({ results, onLoadMore, hasMore }) => {
   if (!results.length) {
     return (
       <div className={styles.loading}>
diff --git a/src/containers/flow/FlowStamp/index.tsx b/src/containers/flow/FlowStamp/index.tsx
index fbf1aca6..3569fd7c 100644
--- a/src/containers/flow/FlowStamp/index.tsx
+++ b/src/containers/flow/FlowStamp/index.tsx
@@ -15,12 +15,12 @@ import { useSearchContext } from '~/utils/providers/SearchProvider';
 import { FlowRecent } from './components/FlowRecent';
 import { FlowSearchResults } from './components/FlowSearchResults';
 
-interface IProps {
+interface Props {
   isFluid: boolean;
   onToggleLayout: () => void;
 }
 
-const FlowStamp: FC<IProps> = ({ isFluid, onToggleLayout }) => {
+const FlowStamp: FC<Props> = ({ isFluid, onToggleLayout }) => {
   const {
     searchText,
     hasMore: searchHasMore,
diff --git a/src/containers/lab/LabGrid/components/LabNode/components/LabImage/index.tsx b/src/containers/lab/LabGrid/components/LabNode/components/LabImage/index.tsx
index f371e2d3..07107697 100644
--- a/src/containers/lab/LabGrid/components/LabNode/components/LabImage/index.tsx
+++ b/src/containers/lab/LabGrid/components/LabNode/components/LabImage/index.tsx
@@ -12,9 +12,9 @@ import { getURL } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-interface IProps extends NodeComponentProps {}
+interface Props extends NodeComponentProps {}
 
-const LabImage: FC<IProps> = ({ node, isLoading }) => {
+const LabImage: FC<Props> = ({ node, isLoading }) => {
   const images = useNodeImages(node);
   const onClick = useGotoNode(node.id);
 
diff --git a/src/containers/lab/LabGrid/index.tsx b/src/containers/lab/LabGrid/index.tsx
index d810aec2..13c67b18 100644
--- a/src/containers/lab/LabGrid/index.tsx
+++ b/src/containers/lab/LabGrid/index.tsx
@@ -8,9 +8,9 @@ import { LabNoResults } from './components/LabNoResults';
 import { LabNode } from './components/LabNode';
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const LabGrid: FC<IProps> = memo(() => {
+const LabGrid: FC<Props> = memo(() => {
   const { nodes, hasMore, loadMore, search, setSearch, isLoading } =
     useLabContext();
 
diff --git a/src/containers/lab/LabHead/index.tsx b/src/containers/lab/LabHead/index.tsx
index 6983c231..02b9d723 100644
--- a/src/containers/lab/LabHead/index.tsx
+++ b/src/containers/lab/LabHead/index.tsx
@@ -8,11 +8,11 @@ import { useLabContext } from '~/utils/context/LabContextProvider';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   isLoading?: boolean;
 }
 
-const LabHead: FC<IProps> = ({ isLoading }) => {
+const LabHead: FC<Props> = ({ isLoading }) => {
   const { sort, setSort, search, setSearch } = useLabContext();
 
   return (
diff --git a/src/containers/lab/LabStats/components/LabBanner/components/LabSquare/index.tsx b/src/containers/lab/LabStats/components/LabBanner/components/LabSquare/index.tsx
index 9913507f..1e3ba90d 100644
--- a/src/containers/lab/LabStats/components/LabBanner/components/LabSquare/index.tsx
+++ b/src/containers/lab/LabStats/components/LabBanner/components/LabSquare/index.tsx
@@ -6,9 +6,9 @@ import { DivProps } from '~/utils/types';
 
 import styles from './styles.module.scss';
 
-interface IProps extends DivProps {}
+interface Props extends DivProps {}
 
-const LabSquare: FC<IProps> = ({ children, ...rest }) => (
+const LabSquare: FC<Props> = ({ children, ...rest }) => (
   <div className={styles.square}>
     <div {...rest} className={classNames(styles.content, rest.className)}>
       {children}
diff --git a/src/containers/lab/LabStats/components/LabHeroes/index.tsx b/src/containers/lab/LabStats/components/LabHeroes/index.tsx
index 61322fc9..381ce1ee 100644
--- a/src/containers/lab/LabStats/components/LabHeroes/index.tsx
+++ b/src/containers/lab/LabStats/components/LabHeroes/index.tsx
@@ -6,14 +6,14 @@ import { INode } from '~/types';
 
 import { LabHero } from './components/LabHero';
 
-interface IProps {
+interface Props {
   nodes: Partial<INode>[];
   isLoading: boolean;
 }
 
 const empty = [...new Array(5)].map((_, i) => i);
 
-const LabHeroes: FC<IProps> = ({ nodes, isLoading }) => {
+const LabHeroes: FC<Props> = ({ nodes, isLoading }) => {
   if (isLoading) {
     return (
       <Group className={styles.heroes}>
diff --git a/src/containers/lab/LabStats/components/LabTags/index.tsx b/src/containers/lab/LabStats/components/LabTags/index.tsx
index 6b96d816..cc2b0934 100644
--- a/src/containers/lab/LabStats/components/LabTags/index.tsx
+++ b/src/containers/lab/LabStats/components/LabTags/index.tsx
@@ -6,12 +6,12 @@ import { ITag } from '~/types';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   tags: ITag[];
   isLoading: boolean;
 }
 
-const LabTags: FC<IProps> = ({ tags, isLoading }) => {
+const LabTags: FC<Props> = ({ tags, isLoading }) => {
   if (isLoading) {
     return (
       <div className={styles.tags}>
diff --git a/src/containers/lab/LabStats/index.tsx b/src/containers/lab/LabStats/index.tsx
index 29372828..6d889bae 100644
--- a/src/containers/lab/LabStats/index.tsx
+++ b/src/containers/lab/LabStats/index.tsx
@@ -10,9 +10,9 @@ import { LabFactoryBanner } from './components/LabFactoryBanner';
 import { LabTags } from './components/LabTags';
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const LabStats: FC<IProps> = () => {
+const LabStats: FC<Props> = () => {
   const { isLoadingStats, tags, heroes, updates } = useLabContext();
 
   return (
diff --git a/src/containers/main/BottomContainer/index.tsx b/src/containers/main/BottomContainer/index.tsx
deleted file mode 100644
index de71bc79..00000000
--- a/src/containers/main/BottomContainer/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { FC } from 'react';
-
-import { PlayerView } from '~/containers/player/PlayerView';
-
-import styles from './styles.module.scss';
-
-type IProps = {};
-
-const BottomContainer: FC<IProps> = () => (
-  <div className={styles.wrap}>
-    <div className={styles.content}>
-      <div className={styles.padder}>
-        <PlayerView />
-      </div>
-    </div>
-  </div>
-);
-
-export { BottomContainer };
diff --git a/src/containers/main/Header/index.tsx b/src/containers/main/Header/index.tsx
index 4cf97a32..183ce210 100644
--- a/src/containers/main/Header/index.tsx
+++ b/src/containers/main/Header/index.tsx
@@ -7,8 +7,8 @@ import { observer } from 'mobx-react-lite';
 import { Anchor } from '~/components/common/Anchor';
 import { Authorized } from '~/components/common/Authorized';
 import { Filler } from '~/components/common/Filler';
+import { Logo } from '~/components/common/Logo';
 import { Button } from '~/components/input/Button';
-import { Logo } from '~/components/main/Logo';
 import { Dialog } from '~/constants/modal';
 import { URLS } from '~/constants/urls';
 import { useAuth } from '~/hooks/auth/useAuth';
diff --git a/src/containers/main/MainRouter/index.tsx b/src/containers/main/MainRouter/index.tsx
index 3a3d5d51..228f5d66 100644
--- a/src/containers/main/MainRouter/index.tsx
+++ b/src/containers/main/MainRouter/index.tsx
@@ -10,9 +10,9 @@ import BorisPage from '~/pages/boris';
 import LabPage from '~/pages/lab';
 import NodePage from '~/pages/node/[id]';
 
-interface IProps {}
+interface Props {}
 
-const MainRouter: FC<IProps> = () => {
+const MainRouter: FC<Props> = () => {
   const { isUser } = useAuth();
   const location = useLocation();
 
diff --git a/src/containers/main/SubmitBarRouter/index.tsx b/src/containers/main/SubmitBarRouter/index.tsx
index a31e33b5..d42e2c6a 100644
--- a/src/containers/main/SubmitBarRouter/index.tsx
+++ b/src/containers/main/SubmitBarRouter/index.tsx
@@ -4,12 +4,12 @@ import { Authorized } from '~/components/common/Authorized';
 
 import { SubmitBarSSR } from './components/SubmitBar/ssr';
 
-interface IProps {
+interface Props {
   prefix?: string;
   isLab?: boolean;
 }
 
-const SubmitBarRouter: FC<IProps> = ({ isLab }) => (
+const SubmitBarRouter: FC<Props> = ({ isLab }) => (
   <Authorized>
     <SubmitBarSSR isLab={isLab} />
   </Authorized>
diff --git a/src/components/main/UserButton/index.tsx b/src/containers/main/UserButtonWithNotifications/components/UserButton/index.tsx
similarity index 88%
rename from src/components/main/UserButton/index.tsx
rename to src/containers/main/UserButtonWithNotifications/components/UserButton/index.tsx
index d40990c6..5ae74fc7 100644
--- a/src/components/main/UserButton/index.tsx
+++ b/src/containers/main/UserButtonWithNotifications/components/UserButton/index.tsx
@@ -8,7 +8,7 @@ import { getURL } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   username: string;
   photo?: IFile;
   hasUpdates?: boolean;
@@ -16,7 +16,7 @@ interface IProps {
   onClick?: () => void;
 }
 
-const UserButton: FC<IProps> = ({ username, photo, hasUpdates, onClick }) => {
+const UserButton: FC<Props> = ({ username, photo, hasUpdates, onClick }) => {
   return (
     <button className={styles.wrap} onClick={onClick}>
       <Group horizontal className={styles.user_button}>
diff --git a/src/components/main/UserButton/styles.module.scss b/src/containers/main/UserButtonWithNotifications/components/UserButton/styles.module.scss
similarity index 100%
rename from src/components/main/UserButton/styles.module.scss
rename to src/containers/main/UserButtonWithNotifications/components/UserButton/styles.module.scss
diff --git a/src/containers/main/UserButtonWithNotifications/index.tsx b/src/containers/main/UserButtonWithNotifications/index.tsx
index d0862575..d99033ac 100644
--- a/src/containers/main/UserButtonWithNotifications/index.tsx
+++ b/src/containers/main/UserButtonWithNotifications/index.tsx
@@ -1,11 +1,12 @@
 import { FC, useCallback } from 'react';
 
-import { UserButton } from '~/components/main/UserButton';
 import { SidebarName } from '~/constants/sidebar';
 import { useAuth } from '~/hooks/auth/useAuth';
 import { useNotifications } from '~/utils/providers/NotificationProvider';
 import { useSidebar } from '~/utils/providers/SidebarProvider';
 
+import { UserButton } from './components/UserButton';
+
 interface UserButtonWithNotificationsProps {}
 
 const UserButtonWithNotifications: FC<
diff --git a/src/containers/node/NodeBottomBlock/index.tsx b/src/containers/node/NodeBottomBlock/index.tsx
index b3374ed1..dba95110 100644
--- a/src/containers/node/NodeBottomBlock/index.tsx
+++ b/src/containers/node/NodeBottomBlock/index.tsx
@@ -20,11 +20,11 @@ import { NodeCommentFormSSR } from '../NodeCommentForm/ssr';
 import { NodeBacklinks } from './components/NodeBacklinks';
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   commentsOrder: 'ASC' | 'DESC';
 }
 
-const NodeBottomBlock: FC<IProps> = ({ commentsOrder }) => {
+const NodeBottomBlock: FC<Props> = ({ commentsOrder }) => {
   const { node, isLoading, backlinks } = useNodeContext();
   const {
     comments,
diff --git a/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentMenu/index.tsx b/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentMenu/index.tsx
index 9c05352f..395c756d 100644
--- a/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentMenu/index.tsx
+++ b/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentMenu/index.tsx
@@ -2,12 +2,12 @@ import { FC, useMemo } from 'react';
 
 import { CornerMenu } from '~/components/menu/CornerMenu';
 
-interface IProps {
+interface Props {
   onEdit: () => void;
   onDelete: () => void;
 }
 
-const CommentMenu: FC<IProps> = ({ onEdit, onDelete }) => {
+const CommentMenu: FC<Props> = ({ onEdit, onDelete }) => {
   const actions = useMemo(
     () => [
       {
diff --git a/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentTextBlock/index.tsx b/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentTextBlock/index.tsx
index ed0de098..1f500205 100644
--- a/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentTextBlock/index.tsx
+++ b/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentTextBlock/index.tsx
@@ -8,9 +8,9 @@ import { formatText } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-interface IProps extends ICommentBlockProps {}
+interface Props extends ICommentBlockProps {}
 
-const CommentTextBlock: FC<IProps> = ({ block }) => {
+const CommentTextBlock: FC<Props> = ({ block }) => {
   const content = useMemo(() => formatText(block.content), [block.content]);
 
   return (
diff --git a/src/containers/node/NodeComments/components/Comment/components/CommentContent/index.tsx b/src/containers/node/NodeComments/components/Comment/components/CommentContent/index.tsx
index 4c513702..0882b6d6 100644
--- a/src/containers/node/NodeComments/components/Comment/components/CommentContent/index.tsx
+++ b/src/containers/node/NodeComments/components/Comment/components/CommentContent/index.tsx
@@ -24,7 +24,7 @@ import { CommentMenu } from './components/CommentMenu';
 import { COMMENT_BLOCK_RENDERERS } from './constants';
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   prefix?: ReactNode;
   nodeId: number;
   comment: IComment;
@@ -36,7 +36,7 @@ interface IProps {
   onShowImageModal: (images: IFile[], index: number) => void;
 }
 
-const CommentContent: FC<IProps> = memo(
+const CommentContent: FC<Props> = memo(
   ({
     comment,
     nodeId,
diff --git a/src/containers/node/NodeComments/index.tsx b/src/containers/node/NodeComments/index.tsx
index 41905936..acba75b0 100644
--- a/src/containers/node/NodeComments/index.tsx
+++ b/src/containers/node/NodeComments/index.tsx
@@ -14,11 +14,11 @@ import { canEditComment, canLikeComment } from '~/utils/node';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   order: 'ASC' | 'DESC';
 }
 
-const NodeComments: FC<IProps> = observer(({ order }) => {
+const NodeComments: FC<Props> = observer(({ order }) => {
   const user = useUserContext();
   const { node } = useNodeContext();
 
diff --git a/src/containers/profile/ProfileInfo/index.tsx b/src/containers/profile/ProfileInfo/index.tsx
index 50d0da6b..6fe15d0b 100644
--- a/src/containers/profile/ProfileInfo/index.tsx
+++ b/src/containers/profile/ProfileInfo/index.tsx
@@ -12,12 +12,12 @@ import { ProfileTabs } from '../ProfileTabs';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   isLoading?: boolean;
   isOwn: boolean;
 }
 
-const ProfileInfo: FC<IProps> = ({ isOwn }) => {
+const ProfileInfo: FC<Props> = ({ isOwn }) => {
   const { user } = useUser();
   const { updatePhoto } = usePatchUser();
   const { profile, isLoading } = useProfileContext();
diff --git a/src/containers/profile/ProfileLoader/index.tsx b/src/containers/profile/ProfileLoader/index.tsx
index 51fd1a4f..c8326594 100644
--- a/src/containers/profile/ProfileLoader/index.tsx
+++ b/src/containers/profile/ProfileLoader/index.tsx
@@ -4,9 +4,9 @@ import { LoaderCircle } from '~/components/common/LoaderCircle';
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
-const ProfileLoader: FC<IProps> = () => {
+const ProfileLoader: FC<Props> = () => {
   return (
     <div className={styles.loader}>
       <LoaderCircle size={40} />
diff --git a/src/containers/profile/ProfilePageLeft/index.tsx b/src/containers/profile/ProfilePageLeft/index.tsx
index 6418d07b..62734d49 100644
--- a/src/containers/profile/ProfilePageLeft/index.tsx
+++ b/src/containers/profile/ProfilePageLeft/index.tsx
@@ -7,13 +7,13 @@ import { IUser } from '~/types/auth';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   profile: IUser;
   isLoading: boolean;
   username: string;
 }
 
-const ProfilePageLeft: FC<IProps> = ({ username, profile, isLoading }) => {
+const ProfilePageLeft: FC<Props> = ({ username, profile, isLoading }) => {
   return (
     <div className={styles.wrap}>
       <Avatar
diff --git a/src/containers/profile/ProfileTabs/index.tsx b/src/containers/profile/ProfileTabs/index.tsx
index 35115038..2311c6a0 100644
--- a/src/containers/profile/ProfileTabs/index.tsx
+++ b/src/containers/profile/ProfileTabs/index.tsx
@@ -4,11 +4,11 @@ import { Tabs } from '~/components/common/Tabs';
 
 import styles from './styles.module.scss';
 
-interface IProps {
+interface Props {
   is_own: boolean;
 }
 
-const ProfileTabs: FC<IProps> = ({ is_own }) => {
+const ProfileTabs: FC<Props> = ({ is_own }) => {
   const items = ['Профиль', 'Сообщения', ...(is_own ? ['Настройки'] : [])];
 
   return (
diff --git a/src/containers/tags/TagInput/index.tsx b/src/containers/tags/TagInput/index.tsx
index 4fd50992..a0145453 100644
--- a/src/containers/tags/TagInput/index.tsx
+++ b/src/containers/tags/TagInput/index.tsx
@@ -23,14 +23,14 @@ const prepareInput = (input: string): string[] => {
     .filter((el) => el.length > 0);
 };
 
-interface IProps {
+interface Props {
   onAppend: (tags: string[]) => void;
   onClearTag: () => string | undefined;
   onSubmit: (last: string[]) => void;
   exclude: string[];
 }
 
-const TagInput: FC<IProps> = ({ exclude, onAppend, onClearTag, onSubmit }) => {
+const TagInput: FC<Props> = ({ exclude, onAppend, onClearTag, onSubmit }) => {
   const [focused, setFocused] = useState(false);
   const [input, setInput] = useState('');
   const ref = useRef<HTMLInputElement>(null);
diff --git a/src/containers/tags/Tags/index.tsx b/src/containers/tags/Tags/index.tsx
index 98df0201..980dc1d4 100644
--- a/src/containers/tags/Tags/index.tsx
+++ b/src/containers/tags/Tags/index.tsx
@@ -7,7 +7,7 @@ import { ITag } from '~/types';
 import { uniq } from '~/utils/ramda';
 import { separateTags } from '~/utils/tag';
 
-type IProps = HTMLAttributes<HTMLDivElement> & {
+type Props = HTMLAttributes<HTMLDivElement> & {
   tags: Partial<ITag>[];
   deletable?: boolean;
   editable?: boolean;
@@ -16,7 +16,7 @@ type IProps = HTMLAttributes<HTMLDivElement> & {
   onTagDelete?: (id: ITag['ID']) => void;
 };
 
-export const Tags: FC<IProps> = ({
+export const Tags: FC<Props> = ({
   tags,
   deletable,
   editable,
diff --git a/src/layouts/BorisLayout/index.tsx b/src/layouts/BorisLayout/index.tsx
index 22c176e3..d31c110b 100644
--- a/src/layouts/BorisLayout/index.tsx
+++ b/src/layouts/BorisLayout/index.tsx
@@ -3,26 +3,26 @@ import { FC } from 'react';
 import { observer } from 'mobx-react-lite';
 
 import { Card } from '~/components/common/Card';
+import { Container } from '~/components/common/Container';
 import { Group } from '~/components/common/Group';
 import { Sticky } from '~/components/common/Sticky';
 import { Superpower } from '~/components/common/Superpower';
 import { BorisComments } from '~/containers/boris/BorisComments';
 import { BorisSidebar } from '~/containers/boris/BorisSidebar';
 import { BorisSuperPowersSSR } from '~/containers/boris/BorisSuperpowers/ssr';
-import { Container } from '~/containers/main/Container';
 import { SubmitBarRouter } from '~/containers/main/SubmitBarRouter';
 import { BorisUsageStats } from '~/types/boris';
 import { useAuthProvider } from '~/utils/providers/AuthProvider';
 
 import styles from './styles.module.scss';
 
-type IProps = {
+type Props = {
   title: string;
   stats: BorisUsageStats;
   isLoadingStats: boolean;
 };
 
-const BorisLayout: FC<IProps> = observer(({ title, stats, isLoadingStats }) => {
+const BorisLayout: FC<Props> = observer(({ title, stats, isLoadingStats }) => {
   const { isUser, isTester } = useAuthProvider();
 
   return (
diff --git a/src/layouts/LabLayout/index.tsx b/src/layouts/LabLayout/index.tsx
index 65800ba3..0e15b5ee 100644
--- a/src/layouts/LabLayout/index.tsx
+++ b/src/layouts/LabLayout/index.tsx
@@ -1,22 +1,22 @@
 import { FC } from 'react';
 
+import { Container } from '~/components/common/Container';
 import { Group } from '~/components/common/Group';
 import { Sticky } from '~/components/common/Sticky';
 import { LabGrid } from '~/containers/lab/LabGrid';
 import { LabHead } from '~/containers/lab/LabHead';
 import { LabLoading } from '~/containers/lab/LabLoading';
 import { LabStats } from '~/containers/lab/LabStats';
-import { Container } from '~/containers/main/Container';
 import { SubmitBarRouter } from '~/containers/main/SubmitBarRouter';
 import { useLabContext } from '~/utils/context/LabContextProvider';
 
 import styles from './styles.module.scss';
 
-interface IProps {}
+interface Props {}
 
 const loader = <LabLoading />;
 
-const LabLayout: FC<IProps> = () => {
+const LabLayout: FC<Props> = () => {
   const { isLoading } = useLabContext();
 
   return (
diff --git a/src/layouts/NodeLayout/index.tsx b/src/layouts/NodeLayout/index.tsx
index 405796ea..25f36cc5 100644
--- a/src/layouts/NodeLayout/index.tsx
+++ b/src/layouts/NodeLayout/index.tsx
@@ -3,12 +3,12 @@ import { useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 
 import { Card } from '~/components/common/Card';
+import { Container } from '~/components/common/Container';
+import { Footer } from '~/components/common/Footer';
 import { ScrollHelperBottom } from '~/components/common/ScrollHelperBottom';
 import { Superpower } from '~/components/common/Superpower';
-import { Footer } from '~/components/main/Footer';
 import { NodeTitle } from '~/components/node/NodeTitle';
 import { Dialog } from '~/constants/modal';
-import { Container } from '~/containers/main/Container';
 import { SubmitBarRouter } from '~/containers/main/SubmitBarRouter';
 import { NodeBottomBlock } from '~/containers/node/NodeBottomBlock';
 import { useAuth } from '~/hooks/auth/useAuth';
diff --git a/src/layouts/ProfileLayout/index.tsx b/src/layouts/ProfileLayout/index.tsx
index eac53bb3..fcdc8d66 100644
--- a/src/layouts/ProfileLayout/index.tsx
+++ b/src/layouts/ProfileLayout/index.tsx
@@ -2,7 +2,7 @@ import { FC } from 'react';
 
 import { observer } from 'mobx-react-lite';
 
-import { Container } from '~/containers/main/Container';
+import { Container } from '~/components/common/Container';
 import { ProfilePageLeft } from '~/containers/profile/ProfilePageLeft';
 import { useUser } from '~/hooks/auth/useUser';
 import { useGetProfile } from '~/hooks/profile/useGetProfile';
diff --git a/src/layouts/RoomLayout/index.tsx b/src/layouts/RoomLayout/index.tsx
index 80da62b4..3ba94c6c 100644
--- a/src/layouts/RoomLayout/index.tsx
+++ b/src/layouts/RoomLayout/index.tsx
@@ -1,11 +1,11 @@
 import { FC } from 'react';
 
 import { Anchor } from '~/components/common/Anchor';
+import { Container } from '~/components/common/Container';
 import { Button } from '~/components/input/Button';
 import { Role } from '~/constants/auth';
 import { Dialog } from '~/constants/modal';
 import { NODE_TYPES } from '~/constants/node';
-import { Container } from '~/containers/main/Container';
 import { useAuth } from '~/hooks/auth/useAuth';
 import { useShowModal } from '~/hooks/modal/useShowModal';
 import markdown from '~/styles/common/markdown.module.scss';
diff --git a/src/layouts/SettingsLayout/index.tsx b/src/layouts/SettingsLayout/index.tsx
index 0ce09fdd..aa84ffdd 100644
--- a/src/layouts/SettingsLayout/index.tsx
+++ b/src/layouts/SettingsLayout/index.tsx
@@ -1,9 +1,9 @@
 import { FC } from 'react';
 
 import { Card } from '~/components/common/Card';
+import { Container } from '~/components/common/Container';
 import { Sticky } from '~/components/common/Sticky';
 import { SettingsMenu } from '~/components/settings/SettingsMenu';
-import { Container } from '~/containers/main/Container';
 
 import styles from './styles.module.scss';
 
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index c56775f5..760e03f0 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,8 +1,9 @@
 import App from 'next/app';
 import Head from 'next/head';
 
+import { BottomContainer } from '~/components/common/BottomContainer';
 import { Modal } from '~/containers/dialogs/Modal';
-import { BottomContainer } from '~/containers/main/BottomContainer';
+import { PlayerView } from '~/containers/player/PlayerView';
 import { DragDetectorProvider } from '~/hooks/dom/useDragDetector';
 import { MainLayout } from '~/layouts/MainLayout';
 import { Sprites } from '~/sprites/Sprites';
@@ -64,7 +65,9 @@ export default class MyApp extends App {
                                 <Component {...pageProps} />
                               </MainLayout>
 
-                              <BottomContainer />
+                              <BottomContainer>
+                                <PlayerView />
+                              </BottomContainer>
                             </SidebarProvider>
                           </NotificationProvider>
                         </AuthProvider>