refactoring allStyles styleStyle -> style-style

src/pages/PartnerBid/PartnerBid.jsx

@@ -74,7 +74,7 @@ export const PartnerBid = () => {
     4: "Senior"
   });
   return (
-    <div className="partnerBid">
+    <div className="partner-bid">
       <ProfileHeader />
       <Navigation />
       <ModalLayout active={modalDelete} setActive={setModalDelete}>
@@ -110,13 +110,13 @@ export const PartnerBid = () => {
             { name: "Просмотр заявки - PHP разработчик", link: "/profile/bid" }
           ]}
         />
-        <h2 className="partnerBid__title">Страница заявки </h2>
+        <h2 className="partner-bid__title">Страница заявки </h2>
         {loader && <Loader />}
         {!loader && (
           <>
-            <div className="partnerBid__qualification">
+            <div className="partner-bid__qualification">
               <h3>{requestInfo.title}</h3>
-              <div className="partnerBid__qualification__buttons">
+              <div className="partner-bid__qualification__buttons">
                 <Link to="/profile/edit-request">Редактировать</Link>
                 <img
                   src={deleteBtn}
@@ -125,14 +125,14 @@ export const PartnerBid = () => {
                 />
               </div>
             </div>
-            <div className="partnerBid__switcher">
+            <div className="partner-bid__switcher">
               <div
                 className={
                   partnerRequests[
                     partnerRequests.findIndex((el) => el.id === requestId) - 1
                   ]?.id
-                    ? "partnerBid__switcher__prev switchDate"
-                    : "partnerBid__switcher__prev switchDate disable"
+                    ? "partner-bid__switcher__prev switch-date"
+                    : "partner-bid__switcher__prev switch-date disable"
                 }
                 onClick={() => {
                   dispatch(
@@ -153,8 +153,8 @@ export const PartnerBid = () => {
                   partnerRequests[
                     partnerRequests.findIndex((el) => el.id === requestId) + 1
                   ]?.id
-                    ? "partnerBid__switcher__next switchDate"
-                    : "partnerBid__switcher__next switchDate disable"
+                    ? "partner-bid__switcher__next switch-date"
+                    : "partner-bid__switcher__next switch-date disable"
                 }
                 onClick={() => {
                   dispatch(
@@ -229,22 +229,25 @@ export const PartnerBid = () => {
                 </tbody>
               </table>
             </div>
-            <div className="partnerBid__suitable">
-              <div className="partnerBid__suitable__title">
+            <div className="partner-bid__suitable">
+              <div className="partner-bid__suitable__title">
                 <p>Подходящие сотрудники по запросу</p>
               </div>
-              <div className="partnerBid__suitable__persons">
+              <div className="partner-bid__suitable__persons">
                 {requestInfo.result_profiles.length &&
                   requestInfo.result_profiles.map((person, index) => {
                     return (
-                      <div key={index} className="partnerBid__suitable__person">
+                      <div
+                        key={index}
+                        className="partner-bid__suitable__person"
+                      >
                         <img src={urlForLocal(person.photo)} alt="avatar" />
                         <p>
                           {person.fio} - {person.position_title},{" "}
                           {levels[person.level]}
                         </p>
                         <Link
-                          className="partnerBid__suitable__person__more"
+                          className="partner-bid__suitable__person__more"
                           to={`/candidate/${person.id}`}
                         >
                           Подробнее

src/pages/PartnerBid/partnerBid.scss

@@ -1,4 +1,4 @@
-.partnerBid {
+.partner-bid {
   background: #f1f1f1;
   height: 100%;
   min-height: 100vh;
@@ -78,7 +78,7 @@
       justify-content: space-between;
     }
 
-    .switchDate {
+    .switch-date {
       width: 48px;
       height: 48px;
       background: #8dc63f;