chore: fix linting issues

hexlet-rus · Jun 22, 2024 · 1855144 · 1855144
1 parent 0d01e0a
commit 1855144
Show file tree

Hide file tree

Showing 43 changed files with 1,323 additions and 946 deletions.
diff --git a/frontend/src/components/Footer/index.jsx b/frontend/src/components/Footer/index.jsx
@@ -6,7 +6,9 @@ import { ReactComponent as Vk } from '../../assets/images/icons/vk.svg';
 import classes from './index.module.css';
 
 function Footer() {
-  const { t: tF, i18n } = useTranslation('translation', { keyPrefix: 'footer' });
+  const { t: tF, i18n } = useTranslation('translation', {
+    keyPrefix: 'footer',
+  });
   const { language } = i18n;
 
   return (
@@ -103,9 +105,7 @@ function Footer() {
             </p>
           </Col>
           <Col lg={5} md={5}>
-            <div className="fw-bold mt-3 mb-2 text-white">
-              {tF('doc')}
-            </div>
+            <div className="fw-bold mt-3 mb-2 text-white">{tF('doc')}</div>
             <Nav as="ul" className="flex-column align-items-start">
               <li>
                 <Nav.Link
@@ -246,9 +246,7 @@ function Footer() {
               </Dropdown> */}
           </Col>
           <Col lg={2} md={12}>
-            <div className="fw-bold mt-3 mb-2 text-white">
-              {tF('project')}
-            </div>
+            <div className="fw-bold mt-3 mb-2 text-white">{tF('project')}</div>
             <Nav as="ul" className="flex-column align-items-start">
               <li>
                 <Nav.Link

diff --git a/frontend/src/components/Forms/AvatarChangeForm.jsx b/frontend/src/components/Forms/AvatarChangeForm.jsx
@@ -9,7 +9,9 @@ import { actions as modalActions } from '../../slices/modalSlice.js';
 import Avatar from '../Avatar/index.jsx';
 
 function AvatarChangeForm() {
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const dispatch = useDispatch();
   const username = useSelector((state) => state.user.userInfo.username);
 

diff --git a/frontend/src/components/Forms/ChangePasswordForm.jsx b/frontend/src/components/Forms/ChangePasswordForm.jsx
@@ -14,7 +14,9 @@ import PasswordVisibilityButton from './PasswordVisibilityButton.jsx';
 import FormAlert from './FormAlert.jsx';
 
 function ChangePasswordForm() {
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const { t } = useTranslation();
   const inputRef = useRef(null);
   const userInfo = useSelector((state) => state.user.userInfo);

diff --git a/frontend/src/components/Forms/ForgotPasswordForm.jsx b/frontend/src/components/Forms/ForgotPasswordForm.jsx
@@ -14,7 +14,9 @@ import FormAlert from './FormAlert.jsx';
 
 function ForgotPasswordForm() {
   const { t } = useTranslation();
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const { t: tFP } = useTranslation('translation', { keyPrefix: 'forgotPass' });
   const emailRef = useRef();
   const location = window.location.origin;

diff --git a/frontend/src/components/Forms/GithubSignInButton.jsx b/frontend/src/components/Forms/GithubSignInButton.jsx
@@ -12,7 +12,9 @@ if (process.env.NODE_ENV !== 'production') {
 }
 
 function GithubSignInButton() {
-  const { t: tFA } = useTranslation('translation', { keyPrefix: 'formActions' });
+  const { t: tFA } = useTranslation('translation', {
+    keyPrefix: 'formActions',
+  });
 
   return (
     <Button as="a" href={OAUTH_LINK.toString()} variant="outline-secondary">

diff --git a/frontend/src/components/Forms/GuestSignUpForm.jsx b/frontend/src/components/Forms/GuestSignUpForm.jsx
@@ -19,7 +19,9 @@ import { actions as userActions } from '../../slices/userSlice';
 import { actions as modalActions } from '../../slices/modalSlice.js';
 
 function GuestSignupForm() {
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const { t: tSU } = useTranslation('translation', { keyPrefix: 'signUp' });
   const { t } = useTranslation();
   const emailRef = useRef();

diff --git a/frontend/src/components/Forms/PasswordVisibilityButton.jsx b/frontend/src/components/Forms/PasswordVisibilityButton.jsx
@@ -7,23 +7,21 @@ function PasswordVisibilityButton({
   onClick = () => null,
   enabled = false,
 }) {
-  const { t: tFA } = useTranslation('translation', { keyPrefix: 'formActions' });
+  const { t: tFA } = useTranslation('translation', {
+    keyPrefix: 'formActions',
+  });
 
   return (
     <Button onClick={onClick} variant={variant}>
       {enabled ? (
         <>
           <EyeSlash />
-          <span className="visually-hidden">
-            {tFA('hidePassword')}
-          </span>
+          <span className="visually-hidden">{tFA('hidePassword')}</span>
         </>
       ) : (
         <>
           <Eye />
-          <span className="visually-hidden">
-            {tFA('showPassword')}
-          </span>
+          <span className="visually-hidden">{tFA('showPassword')}</span>
         </>
       )}
     </Button>

diff --git a/frontend/src/components/Forms/ResetPasswordForm.jsx b/frontend/src/components/Forms/ResetPasswordForm.jsx
@@ -17,7 +17,9 @@ import FormAlert from './FormAlert.jsx';
 import PasswordVisibilityButton from './PasswordVisibilityButton';
 
 function ResetPasswordForm({ onSuccess = () => null }) {
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const { t } = useTranslation();
   const { hash } = useParams();
   const passwordRef = useRef();

diff --git a/frontend/src/components/Forms/SignInForm.jsx b/frontend/src/components/Forms/SignInForm.jsx
@@ -17,7 +17,9 @@ import PasswordVisibilityButton from './PasswordVisibilityButton.jsx';
 import FormAlert from './FormAlert.jsx';
 
 function SignInForm({ onSuccess = () => null }) {
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const { t: tSI } = useTranslation('translation', { keyPrefix: 'signIn' });
   const { t } = useTranslation();
   const emailRef = useRef();

diff --git a/frontend/src/components/Forms/SignUpForm.jsx b/frontend/src/components/Forms/SignUpForm.jsx
@@ -16,7 +16,9 @@ import PasswordVisibilityButton from './PasswordVisibilityButton.jsx';
 import FormAlert from './FormAlert.jsx';
 
 function SignupForm({ onSuccess = () => null }) {
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const { t: tSU } = useTranslation('translation', { keyPrefix: 'signUp' });
   const { t } = useTranslation();
   const emailRef = useRef();

diff --git a/frontend/src/components/Forms/UpdateAccountForm.jsx b/frontend/src/components/Forms/UpdateAccountForm.jsx
@@ -15,7 +15,9 @@ import { email, username } from '../../utils/validationSchemas';
 import FormAlert from './FormAlert.jsx';
 
 function UpdateAccountForm() {
-  const { t: tPS } = useTranslation('translation', { keyPrefix: 'profileSettings' });
+  const { t: tPS } = useTranslation('translation', {
+    keyPrefix: 'profileSettings',
+  });
   const { t } = useTranslation();
   const emailRef = useRef();
   const usernameRef = useRef();

diff --git a/frontend/src/components/Modals/AttemptDuplicateSnippet.jsx b/frontend/src/components/Modals/AttemptDuplicateSnippet.jsx
@@ -18,7 +18,9 @@ const generateGuestUserData = () => {
 };
 
 function AttemptDuplicateSnippet({ handleClose, isOpen }) {
-  const { t: tMADS } = useTranslation('translation', { keyPrefix: 'modals.attemptDuplicateSnippet' });
+  const { t: tMADS } = useTranslation('translation', {
+    keyPrefix: 'modals.attemptDuplicateSnippet',
+  });
   const { t: tErr } = useTranslation('translation', { keyPrefix: 'errors' });
   const auth = useAuth();
   const dispatch = useDispatch();
@@ -83,9 +85,7 @@ function AttemptDuplicateSnippet({ handleClose, isOpen }) {
         <Button onClick={handleCopy} variant="primary">
           {tMADS('copyButton')}
         </Button>
-        <p className="d-flex justify-content-center my-0">
-          {tMADS('or')}
-        </p>
+        <p className="d-flex justify-content-center my-0">{tMADS('or')}</p>
         <Button onClick={handleSignin} variant="outline-primary">
           {tMADS('signinButton')}
         </Button>

diff --git a/frontend/src/components/Modals/ChangeAvatar.jsx b/frontend/src/components/Modals/ChangeAvatar.jsx
@@ -4,7 +4,9 @@ import { useRef, useState } from 'react';
 import AvatarEditor from 'react-avatar-editor';
 
 function ChangeAvatar({ handleClose, isOpen }) {
-  const { t: tMCA } = useTranslation('translation', { keyPrefix: 'modals.changeAvatar' });
+  const { t: tMCA } = useTranslation('translation', {
+    keyPrefix: 'modals.changeAvatar',
+  });
   const [avatarState, setAvatarState] = useState({
     scale: 1,
     img: null,

diff --git a/frontend/src/components/Modals/DuplicateSnippetModal.jsx b/frontend/src/components/Modals/DuplicateSnippetModal.jsx
@@ -27,8 +27,12 @@ function DuplicateSnippetModal({ handleClose, isOpen }) {
   const navigate = useNavigate();
   const duplicateSnippet = useDuplicateSnippet();
   const { genViewSnippetLink } = useSnippets();
-  const { t: tMDS } = useTranslation('translation', { keyPrefix: 'modals.duplicateSnippet' });
-  const { t: tTDS } = useTranslation('translation', { keyPrefix: 'toasts.duplicateSnippet' });
+  const { t: tMDS } = useTranslation('translation', {
+    keyPrefix: 'modals.duplicateSnippet',
+  });
+  const { t: tTDS } = useTranslation('translation', {
+    keyPrefix: 'toasts.duplicateSnippet',
+  });
   const { t } = useTranslation();
   const username = useSelector((state) => state.user.userInfo.username);
 
@@ -96,9 +100,7 @@ function DuplicateSnippetModal({ handleClose, isOpen }) {
   return (
     <Modal centered onHide={handleClose} show={isOpen}>
       <Modal.Header className="py-3" closeButton>
-        <Modal.Title className="display-7">
-          {tMDS('title')}
-        </Modal.Title>
+        <Modal.Title className="display-7">{tMDS('title')}</Modal.Title>
       </Modal.Header>
       <Modal.Body>
         <div className="d-flex flex-column gap-4">
@@ -115,9 +117,7 @@ function DuplicateSnippetModal({ handleClose, isOpen }) {
           >
             <div className="d-flex flex-column gap-3">
               <Form.Group controlId="email">
-                <Form.Label>
-                  {tMDS('snippetName')}
-                </Form.Label>
+                <Form.Label>{tMDS('snippetName')}</Form.Label>
                 <Form.Control
                   ref={nameRef}
                   isInvalid={

diff --git a/frontend/src/components/Modals/InDevelopment.jsx b/frontend/src/components/Modals/InDevelopment.jsx
@@ -5,7 +5,9 @@ import Modal from 'react-bootstrap/Modal';
 import { Tools } from 'react-bootstrap-icons';
 
 function InDevelopment({ handleClose, isOpen }) {
-  const { t: tMID } = useTranslation('translation', { keyPrefix: 'modals.inDevelopment' });
+  const { t: tMID } = useTranslation('translation', {
+    keyPrefix: 'modals.inDevelopment',
+  });
 
   return (
     <Modal centered onHide={handleClose} show={isOpen} size="sm">

diff --git a/frontend/src/components/Modals/NewSnippet.jsx b/frontend/src/components/Modals/NewSnippet.jsx
@@ -37,7 +37,9 @@ const generateGuestUserData = () => {
 };
 
 function NewSnippet({ handleClose, isOpen }) {
-  const { t: tMNS } = useTranslation('translation', { keyPrefix: 'modals.newSnippet' });
+  const { t: tMNS } = useTranslation('translation', {
+    keyPrefix: 'modals.newSnippet',
+  });
   const { t: tErr } = useTranslation('translation', { keyPrefix: 'errors' });
   const { t } = useTranslation();
   const auth = useAuth();
@@ -186,9 +188,7 @@ function NewSnippet({ handleClose, isOpen }) {
   return (
     <Modal centered onHide={handleModalClose} show={isOpen}>
       <Modal.Header className="py-3 pb-0" closeButton>
-        <Modal.Title className="display-6 fs-3">
-          {tMNS('title')}
-        </Modal.Title>
+        <Modal.Title className="display-6 fs-3">{tMNS('title')}</Modal.Title>
       </Modal.Header>
       <Modal.Body>
         <div className="row">

diff --git a/frontend/src/components/Modals/RemoveAccount.jsx b/frontend/src/components/Modals/RemoveAccount.jsx
@@ -12,7 +12,9 @@ import routes from '../../routes';
 import FormAlert from '../Forms/FormAlert.jsx';
 
 function RemoveAccount({ handleClose, isOpen }) {
-  const { t: tMRA } = useTranslation('translation', { keyPrefix: 'modals.removeAccount' });
+  const { t: tMRA } = useTranslation('translation', {
+    keyPrefix: 'modals.removeAccount',
+  });
   const { t } = useTranslation();
   const auth = useAuth();
 
@@ -59,8 +61,7 @@ function RemoveAccount({ handleClose, isOpen }) {
           </FormAlert>
           <PersonFillDash className="bi fs-1 align-self-center text-danger m-3" />
           <p>
-            {tMRA('message')}{' '}
-            <b>{tMRA('messageBold')}</b>
+            {tMRA('message')} <b>{tMRA('messageBold')}</b>
           </p>
           <div className="d-flex justify-content-end">
             <Button

diff --git a/frontend/src/components/Modals/RemoveAvatar.jsx b/frontend/src/components/Modals/RemoveAvatar.jsx
@@ -2,7 +2,9 @@ import { Button, Modal, FormGroup } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 
 function RemoveAvatar({ handleClose, isOpen }) {
-  const { t: tMRA } = useTranslation('translation', { keyPrefix: 'modals.removeAvatar' });
+  const { t: tMRA } = useTranslation('translation', {
+    keyPrefix: 'modals.removeAvatar',
+  });
 
   return (
     <Modal centered onHide={handleClose} show={isOpen} size="m">

diff --git a/frontend/src/components/Modals/ShareSnippet.jsx b/frontend/src/components/Modals/ShareSnippet.jsx
@@ -13,7 +13,9 @@ import { useSnippets } from '../../hooks';
 function ShareSnippet({ isOpen, handleClose }) {
   const { name, slug, ownerUsername } = useSelector(({ modal }) => modal.item);
   const snippetApi = useSnippets();
-  const { t: tMS } = useTranslation('translation', { keyPrefix: 'modals.share' });
+  const { t: tMS } = useTranslation('translation', {
+    keyPrefix: 'modals.share',
+  });
 
   useEffect(() => {
     const clipboard = new ClipboardJS('.button-copy');
@@ -52,9 +54,7 @@ function ShareSnippet({ isOpen, handleClose }) {
               variant="nofill-body"
             >
               <Clipboard className="bi" />
-              <span className="visually-hidden">
-                {tMS('copyLinkButton')}
-              </span>
+              <span className="visually-hidden">{tMS('copyLinkButton')}</span>
             </Button>
           </div>
         </Form.Group>
@@ -78,9 +78,7 @@ function ShareSnippet({ isOpen, handleClose }) {
               variant="nofill-body"
             >
               <Clipboard className="bi" />
-              <span className="visually-hidden">
-                {tMS('copyEmbedButton')}
-              </span>
+              <span className="visually-hidden">{tMS('copyEmbedButton')}</span>
             </Button>
           </div>
         </Form.Group>

diff --git a/frontend/src/components/Modals/SignIn.jsx b/frontend/src/components/Modals/SignIn.jsx
@@ -8,22 +8,20 @@ import SignInForm from '../Forms/SignInForm';
 
 function SignInModal({ handleClose, isOpen }) {
   const dispatch = useDispatch();
-  const { t: tSIF } = useTranslation('translation', { keyPrefix: 'signIn.footer' });
+  const { t: tSIF } = useTranslation('translation', {
+    keyPrefix: 'signIn.footer',
+  });
   const { t: tSI } = useTranslation('translation', { keyPrefix: 'signIn' });
 
   return (
     <Modal centered onHide={handleClose} show={isOpen}>
       <Modal.Header className="py-3" closeButton>
-        <Modal.Title className="display-6">
-          {tSI('pageHeader')}
-        </Modal.Title>
+        <Modal.Title className="display-6">{tSI('pageHeader')}</Modal.Title>
       </Modal.Header>
       <Modal.Body>
         <SignInForm onSuccess={handleClose} />
         <div className="d-flex justify-content-center align-items-baseline mt-5">
-          <span className="text-body-secondary">
-            {tSIF('signUpHeader')}
-          </span>{' '}
+          <span className="text-body-secondary">{tSIF('signUpHeader')}</span>{' '}
           <Button
             onClick={() => dispatch(actions.openModal({ type: 'signingUp' }))}
             variant="link"

diff --git a/frontend/src/components/Modals/SignUp.jsx b/frontend/src/components/Modals/SignUp.jsx
@@ -11,18 +11,20 @@ import { useAuth } from '../../hooks';
 function SignUpModal({ handleClose, isOpen }) {
   const dispatch = useDispatch();
   const { t: tSU } = useTranslation('translation', { keyPrefix: 'signUp' });
-  const { t: tSUF } = useTranslation('translation', { keyPrefix: 'signUp.footer' });
-  const { t: tPA } = useTranslation('translation', { keyPrefix: 'profileActions' });
+  const { t: tSUF } = useTranslation('translation', {
+    keyPrefix: 'signUp.footer',
+  });
+  const { t: tPA } = useTranslation('translation', {
+    keyPrefix: 'profileActions',
+  });
   const auth = useAuth();
 
   const guestUser = localStorage.getItem('guestUserData');
 
   return (
     <Modal centered onHide={handleClose} show={isOpen}>
       <Modal.Header className="py-3" closeButton>
-        <Modal.Title className="display-6">
-          {tSU('pageHeader')}
-        </Modal.Title>
+        <Modal.Title className="display-6">{tSU('pageHeader')}</Modal.Title>
       </Modal.Header>
       <Modal.Body>
         {auth.isLoggedIn && guestUser ? (
@@ -32,9 +34,7 @@ function SignUpModal({ handleClose, isOpen }) {
         )}
         {!guestUser && (
           <div className="d-flex justify-content-center align-items-baseline mt-5">
-            <span className="text-body-secondary">
-              {tSUF('signInHeader')}
-            </span>{' '}
+            <span className="text-body-secondary">{tSUF('signInHeader')}</span>{' '}
             <Button
               onClick={() => dispatch(actions.openModal({ type: 'signingIn' }))}
               variant="link"