added nowhere motel scene

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

@@ -1,58 +0,0 @@
-import { FC } from 'react';
-
-import { Group } from '~/components/containers/Group';
-import { Button } from '~/components/input/Button';
-import { InputText } from '~/components/input/InputText';
-import { useLoginForm } from '~/hooks/auth/useLoginForm';
-import { IUser } from '~/types/auth';
-
-import styles from './styles.module.scss';
-
-interface LoginFormProps {
-  login: (username: string, password: string) => Promise<IUser>;
-  onSuccess: () => void;
-  onRestoreRequest: () => void;
-}
-
-const LoginForm: FC<LoginFormProps> = ({
-  login,
-  onSuccess,
-  onRestoreRequest,
-}) => {
-  const { values, errors, handleSubmit, handleChange } = useLoginForm(
-    login,
-    onSuccess,
-  );
-
-  return (
-    <Group>
-      <form onSubmit={handleSubmit}>
-        <InputText
-          title="Логин"
-          handler={handleChange('username')}
-          value={values.username}
-          error={errors.username}
-          autoFocus
-        />
-
-        <InputText
-          title="Пароль"
-          handler={handleChange('password')}
-          value={values.password}
-          error={errors.password}
-          type="password"
-        />
-
-        <Button
-          color="link"
-          type="button"
-          onClick={onRestoreRequest}
-          className={styles.forgot_button}
-        >
-          Вспомнить пароль
-        </Button>
-      </form>
-    </Group>
-  );
-};
-export { LoginForm };

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

@@ -1,3 +0,0 @@
-.forgot_button {
-  opacity: 0.5;
-}

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

@@ -1,11 +1,15 @@
 import React, { FC } from 'react';
 
+import classNames from 'classnames';
+
 import styles from './styles.module.scss';
 
-interface LoginStaticSceneProps {}
+interface LoginStaticSceneProps {
+  scene?: 'clouds' | 'nowhere';
+}
 
-const LoginStaticScene: FC<LoginStaticSceneProps> = () => (
-  <div className={styles.scene} />
+const LoginStaticScene: FC<LoginStaticSceneProps> = ({ scene = 'login' }) => (
+  <div className={classNames(styles.scene, styles[scene])} />
 );
 
 export { LoginStaticScene };

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

@@ -4,6 +4,13 @@
   position: absolute;
   inset: 0;
 
-  background: url('/images/clouds.svg') no-repeat 50% 50%;
-  background-size: cover;
+  &.clouds {
+    background: url('/images/clouds.svg') no-repeat 50% 50%;
+    background-size: cover;
+  }
+
+  &.nowhere {
+    background: url('/images/nowhere_motel.svg') no-repeat 50% 50%;
+    background-size: cover;
+  }
 }