add qr code auth

src/renderer/components/Login/AuthForm.tsx

@@ -1,10 +1,17 @@
-import { useState } from "react";
-import { Box, Button, TextField, Typography, InputAdornment, IconButton } from '@mui/material';
+import { useState } from 'react';
+import {
+  Box,
+  Button,
+  TextField,
+  Typography,
+  InputAdornment,
+  IconButton,
+} from '@mui/material';
 import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import GradientTextField from '../GradientTextField';
-import GradientVisibilityToggleIcon from '../../assets/Icons/GradientVisibilityToggleIcon'
-import { useNavigate } from 'react-router-dom'
+import GradientVisibilityToggleIcon from '../../assets/Icons/GradientVisibilityToggleIcon';
+import { useNavigate } from 'react-router-dom';
 
 interface AuthFormProps {
   config: {
@@ -35,22 +42,22 @@ const AuthForm = ({ config, handleInputChange, onLogin }: AuthFormProps) => {
         onChange={handleInputChange}
         sx={{
           mt: '2.5vw',
-          mb: '0vw'
+          mb: '0vw',
         }}
       />
       <GradientTextField
         label="Пароль"
         required
-        type={showPassword ? "text" : "password"}
+        type={showPassword ? 'text' : 'password'}
         name="password"
         value={config.password}
         onChange={handleInputChange}
         sx={{
           '& .MuiInputBase-input': {
-          color: 'white',
-          padding: '1rem 0.7rem 1.1rem 1.5rem',
-          fontFamily: 'Benzin-Bold',
-        },
+            color: 'white',
+            padding: '1rem 0.7rem 1.1rem 1.5rem',
+            fontFamily: 'Benzin-Bold',
+          },
         }}
         InputProps={{
           endAdornment: (
@@ -62,43 +69,47 @@ const AuthForm = ({ config, handleInputChange, onLogin }: AuthFormProps) => {
                 onClick={() => setShowPassword((prev) => !prev)}
                 edge="end"
                 sx={{
-                  color: "white",
+                  color: 'white',
                   margin: '0',
                   padding: '0',
                   '& MuiTouchRipple-root css-r3djoj-MuiTouchRipple-root': {
                     display: 'none',
                   },
-                }}>
+                }}
+              >
                 <GradientVisibilityToggleIcon
-                  crossed={showPassword}     // когда type="text" -> перечеркнуть
-                  sx={{ fontSize: "2.5vw", mr: '0.5vw' }}
+                  crossed={showPassword} // когда type="text" -> перечеркнуть
+                  sx={{ fontSize: '2.5vw', mr: '0.5vw' }}
                 />
               </IconButton>
             </InputAdornment>
           ),
         }}
       />
-      <Button onClick={onLogin} variant="contained"
-      sx={{
-        transition: 'transform 0.3s ease',
-        width: '60%',
-        mt: 2,
-        background: 'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
-        fontFamily: 'Benzin-Bold',
-        borderRadius: '2.5vw',
-        fontSize: '2vw',
-        '&:hover': {
-          transform: 'scale(1.02)',
-
-        },
-      }}>
+      <Button
+        onClick={onLogin}
+        variant="contained"
+        sx={{
+          transition: 'transform 0.3s ease',
+          width: '60%',
+          mt: 2,
+          background:
+            'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+          fontFamily: 'Benzin-Bold',
+          borderRadius: '2.5vw',
+          fontSize: '2vw',
+          '&:hover': {
+            transform: 'scale(1.02)',
+          },
+        }}
+      >
         Войти
       </Button>
       <Box
         sx={{
-        display: 'flex',
-        justifyContent: 'flex-end',
-      }}
+          display: 'flex',
+          justifyContent: 'flex-end',
+        }}
       >
         <Typography
           onClick={() => navigate('/registration')}
@@ -109,15 +120,15 @@ const AuthForm = ({ config, handleInputChange, onLogin }: AuthFormProps) => {
             letterSpacing: '0.08em',
             cursor: 'pointer',
             backgroundImage:
-            'linear-gradient(71deg, #F27121 0%, #E940CD 60%, #8A2387 100%)',
+              'linear-gradient(71deg, #F27121 0%, #E940CD 60%, #8A2387 100%)',
             WebkitBackgroundClip: 'text',
             WebkitTextFillColor: 'transparent',
             textShadow: '0 0 15px rgba(0,0,0,0.9)',
             '&:hover': {
               opacity: 1,
             },
-            }}
-          >
+          }}
+        >
           Зарегистрироваться
         </Typography>
       </Box>