refactoring allStyles styleStyle -> style-style

src/components/Modal/ModalTrackerRegistration/ModalTrackerRegistration.js

@@ -7,11 +7,11 @@ import "./modalTrackerRegistration.scss";
 
 export const ModalTrackerRegistration = ({ setModalReset, email }) => {
   return (
-    <div className="modalConfirmTracker">
-      <h3 className="modalConfirmTracker__title">
+    <div className="modal-confirm-tracker">
+      <h3 className="modal-confirm-tracker__title">
         Спасибо за регистрацию. Теперь можете войти в кабинет
       </h3>
-      <p className="modalConfirmTracker__info">
+      <p className="modal-confirm-tracker__info">
         Мы отправили ссылку
         <br />
         для активации вашего аккаунта на почту
@@ -20,14 +20,14 @@ export const ModalTrackerRegistration = ({ setModalReset, email }) => {
       <Link
         to={"/registration-setting"}
         onClick={() => setModalReset(false)}
-        className="modalConfirmTracker__btn"
+        className="modal-confirm-tracker__btn"
       >
         Понятно
       </Link>
       <img
         onClick={() => setModalReset(false)}
         src={close}
-        className="modalReset__close"
+        className="modal-reset__close"
         alt="close"
       />
     </div>

src/components/Modal/ModalTrackerRegistration/modalTrackerRegistration.scss

@@ -1,4 +1,4 @@
-.modalConfirmTracker {
+.modal-confirm-tracker {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -27,13 +27,13 @@
 
   &__btn {
     border-radius: 44px;
-    background: #52B709;
+    background: #52b709;
     outline: none;
     border: none;
     font-size: 16px;
     font-weight: 500;
     line-height: 32px;
-    color: #FFF;
+    color: #fff;
     padding: 9px 37px;
   }
 }