removed redux completely

src/components/auth/login/LoginDialogButtons/index.tsx

@@ -0,0 +1,38 @@
+import React, { FC } from 'react';
+import { Button } from '~/components/input/Button';
+import { Grid } from '~/components/containers/Grid';
+import { Group } from '~/components/containers/Group';
+import styles from './styles.module.scss';
+import { OAuthProvider } from '~/types/auth';
+
+interface IProps {
+  openOauthWindow: (provider: OAuthProvider) => void;
+}
+
+const LoginDialogButtons: FC<IProps> = ({ openOauthWindow }) => (
+  <Group className={styles.footer}>
+    <Button>Войти</Button>
+
+    <Grid columns="repeat(2, 1fr)">
+      <Button
+        color="outline"
+        iconLeft="google"
+        type="button"
+        onClick={() => openOauthWindow('google')}
+      >
+        <span>Google</span>
+      </Button>
+
+      <Button
+        color="outline"
+        iconLeft="vk"
+        type="button"
+        onClick={() => openOauthWindow('vkontakte')}
+      >
+        <span>Вконтакте</span>
+      </Button>
+    </Grid>
+  </Group>
+);
+
+export { LoginDialogButtons };

src/components/auth/login/LoginDialogButtons/styles.module.scss

@@ -0,0 +1,5 @@
+@import "src/styles/variables";
+
+.footer {
+  padding: $gap;
+}

src/components/auth/oauth/LoginSocialRegisterButtons/index.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { Button } from '~/components/input/Button';
+import styles from './styles.module.scss';
+
+interface IProps {}
+
+const LoginSocialRegisterButtons: FC<IProps> = () => (
+  <div className={styles.wrap}>
+    <Button color="secondary">Впустите меня!</Button>
+  </div>
+);
+
+export { LoginSocialRegisterButtons };

src/components/auth/oauth/LoginSocialRegisterButtons/styles.module.scss

@@ -0,0 +1,9 @@
+@import "src/styles/variables";
+
+.wrap {
+  padding: $gap $gap * 2;
+
+  button {
+    width: 100%;
+  }
+}

src/components/auth/restore/RestoreInvalidCode/index.tsx

@@ -0,0 +1,27 @@
+import React, { VFC } from 'react';
+import styles from './styles.module.scss';
+import { Group } from '~/components/containers/Group';
+import { Icon } from '~/components/input/Icon';
+import { ERROR_LITERAL, ERRORS } from '~/constants/errors';
+import { Button } from '~/components/input/Button';
+
+interface RestoreInvalidCodeProps {
+  error: string;
+  onClose: () => void;
+}
+
+const RestoreInvalidCode: VFC<RestoreInvalidCodeProps> = ({ error, onClose }) => (
+  <Group className={styles.error_shade}>
+    <Icon icon="close" size={64} />
+
+    <div>{error || ERROR_LITERAL[ERRORS.CODE_IS_INVALID]}</div>
+
+    <div className={styles.spacer} />
+
+    <Button color="primary" onClick={onClose}>
+      Очень жаль
+    </Button>
+  </Group>
+);
+
+export { RestoreInvalidCode };

src/components/auth/restore/RestoreInvalidCode/styles.module.scss

@@ -0,0 +1,35 @@
+@import "src/styles/variables";
+
+.error_shade {
+  @include outer_shadow();
+
+  background: $content_bg;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: $radius;
+  padding: $gap * 2;
+  box-sizing: border-box;
+  text-transform: uppercase;
+  font: $font_18_semibold;
+  text-align: center;
+  color: $wisegreen;
+
+  svg {
+    fill: $wisegreen;
+  }
+}
+
+.error_shade {
+  color: $red;
+
+  svg {
+    fill: $red;
+  }
+}

src/components/auth/restore/RestoreSent/index.tsx

@@ -0,0 +1,25 @@
+import React, { VFC } from 'react';
+import styles from './styles.module.scss';
+import { Icon } from '~/components/input/Icon';
+import { Button } from '~/components/input/Button';
+import { Group } from '~/components/containers/Group';
+
+interface RestoreSentProps {
+  onClose: () => void;
+}
+
+const RestoreSent: VFC<RestoreSentProps> = ({ onClose }) => (
+  <Group className={styles.shade}>
+    <Icon icon="check" size={64} />
+
+    <div>Проверьте почту, мы отправили на неё код</div>
+
+    <div />
+
+    <Button color="secondary" onClick={onClose}>
+      Отлично!
+    </Button>
+  </Group>
+);
+
+export { RestoreSent };

src/components/auth/restore/RestoreSent/styles.module.scss

@@ -0,0 +1,27 @@
+@import "src/styles/variables";
+
+.shade {
+  @include outer_shadow();
+
+  background: $content_bg;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: $radius;
+  padding: $gap * 2;
+  box-sizing: border-box;
+  text-transform: uppercase;
+  font: $font_18_semibold;
+  text-align: center;
+  color: $wisegreen;
+
+  svg {
+    fill: $wisegreen;
+  }
+}

src/components/auth/restore/RestoreSuccess/index.tsx

@@ -0,0 +1,27 @@
+import React, { VFC } from 'react';
+import { Icon } from '~/components/input/Icon';
+import { Button } from '~/components/input/Button';
+import { Group } from '~/components/containers/Group';
+import styles from './styles.module.scss';
+
+interface RestoreSuccessProps {
+  username?: string;
+  onClick: () => void;
+}
+
+const RestoreSuccess: VFC<RestoreSuccessProps> = ({ username, onClick }) => (
+  <Group className={styles.shade}>
+    <Icon icon="check" size={64} />
+
+    <div>Пароль обновлен</div>
+    <div>Добро пожаловать домой{username ? `, ~${username}` : ''}!</div>
+
+    <div />
+
+    <Button color="secondary" onClick={onClick}>
+      Ура!
+    </Button>
+  </Group>
+);
+
+export { RestoreSuccess };

src/components/auth/restore/RestoreSuccess/styles.module.scss

@@ -0,0 +1,27 @@
+@import "src/styles/variables";
+
+.shade {
+  @include outer_shadow();
+
+  background: $content_bg;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: $radius;
+  padding: $gap * 2;
+  box-sizing: border-box;
+  text-transform: uppercase;
+  font: $font_18_semibold;
+  text-align: center;
+  color: $wisegreen;
+
+  svg {
+    fill: $wisegreen;
+  }
+}