Project-wide linting and formatting (#150)

* chore: configure project-wide linting and formatting

* chore: run lint autofix and formatter

ui/src/App.less

@@ -1,7 +1,7 @@
 .app {
-  display:flex;
+  display: flex;
   flex-direction: column;
-  width:100%;
+  width: 100%;
 
   &__container {
     padding: 1rem 1rem;
@@ -10,12 +10,13 @@
   }
 }
 
-.ui.inverted.segment{
-  background: #31303078!important;
+.ui.inverted.segment {
+  background: #31303078 !important;
 }
 
-.ui.black.label, .ui.black.labels .label {
-  background-color: #31303078!important;
+.ui.black.label,
+.ui.black.labels .label {
+  background-color: #31303078 !important;
 }
 
 a:link {

ui/src/Index.less

@@ -1,15 +1,16 @@
-body, html {
+body,
+html {
   margin: 0;
   height: 100%;
   width: 100%;
   background-color: #232429;
 }
 
-.semi-table-row-head{
+.semi-table-row-head {
   background-color: #2b2b2b !important;
   color: #fff !important;
 }
 
 .semi-table-row-cell {
   background-color: #333333 !important;
-}
+}

ui/src/components/logo/Logo.less

@@ -1,5 +1,5 @@
 .logo {
   position: absolute;
-  top: .1rem;
+  top: 0.1rem;
   right: 2rem;
-}
+}

ui/src/components/placeholder/Placeholder.less

@@ -1,10 +1,10 @@
 .place {
   height: 100%;
   width: 100%;
-  display:flex;
+  display: flex;
 
-  &__place_lines_wrapper{
-    width:100%;
+  &__place_lines_wrapper {
+    width: 100%;
   }
 
   &__line {
@@ -20,17 +20,16 @@
     border-radius: 360px;
     animation: pulse 1s infinite ease-in-out;
   }
-
 }
 
 @keyframes pulse {
   0% {
-    background-color: rgba(165, 165, 165, 0.1)
+    background-color: rgba(165, 165, 165, 0.1);
   }
   50% {
-    background-color: rgba(165, 165, 165, 0.3)
+    background-color: rgba(165, 165, 165, 0.3);
   }
   100% {
-    background-color: rgba(165, 165, 165, 0.1)
+    background-color: rgba(165, 165, 165, 0.1);
   }
 }

ui/src/components/segment/SegmentParts.less

@@ -1,4 +1,4 @@
 .segmentParts {
   border: 1px solid #323232 !important;
   border-radius: 5px !important;
-}
+}

ui/src/components/tracking/TrackingModal.less

@@ -1,5 +1,5 @@
 .trackingModal {
   &__description {
-    margin-top:10rem;
+    margin-top: 10rem;
   }
-}
+}

ui/src/services/developmentMode.js

@@ -1,4 +1,4 @@
-export default function isDevelopmentMode(){
-    const inDevMode= import.meta.env.MODE;
-    return inDevMode != null && inDevMode === 'development';
-}
+export default function isDevelopmentMode() {
+  const inDevMode = import.meta.env.MODE;
+  return inDevMode != null && inDevMode === 'development';
+}

ui/src/services/xhr.js

@@ -129,6 +129,6 @@ function parseJSON(response) {
           });
         }
       })
-      .catch((error) => reject('Error while trying to parse json.', error))
+      .catch((error) => reject('Error while trying to parse json.', error)),
   );
 }

ui/src/views/generalSettings/GeneralSettings.less

@@ -5,9 +5,8 @@
     gap: 1rem;
   }
 
-  &__help{
+  &__help {
     font-size: 11px;
     margin-left: 1rem;
   }
-
 }

ui/src/views/jobs/Jobs.less

@@ -1,7 +1,7 @@
 .jobs {
-  &__newButton{
-    margin-top:1rem !important;
+  &__newButton {
+    margin-top: 1rem !important;
     float: right;
     margin-bottom: 1rem !important;
   }
-}
+}

ui/src/views/jobs/mutation/JobMutation.less

@@ -1,5 +1,5 @@
 .jobMutation {
-  &__newButton{
+  &__newButton {
     float: right;
     margin-bottom: 1rem;
   }
@@ -7,4 +7,4 @@
 
 .semi-select-option-list-wrapper {
   width: 25rem;
-}
+}

ui/src/views/jobs/mutation/components/notificationAdapter/NotificationAdapterMutator.less

@@ -1,6 +1,6 @@
 .providerMutator {
-  &__fields{
-    width:25rem !important;
+  &__fields {
+    width: 25rem !important;
   }
 
   &__helpBox {
@@ -9,8 +9,8 @@
     padding: 1rem !important;
   }
 
-  &__helpLink{
+  &__helpLink {
     color: #4183c4;
     cursor: pointer;
   }
-}
+}

ui/src/views/jobs/mutation/components/provider/ProviderMutator.less

@@ -1,5 +1,5 @@
 .providerMutator {
-  &__fields{
-    width:25rem !important;
+  &__fields {
+    width: 25rem !important;
   }
-}
+}

ui/src/views/user/Users.less

@@ -1,7 +1,7 @@
 .users {
-  &__newButton{
-    margin-top:1rem !important;
+  &__newButton {
+    margin-top: 1rem !important;
     float: right;
     margin-bottom: 1rem !important;
   }
-}
+}

ui/src/views/user/mutation/UserMutator.less

@@ -1,3 +1,3 @@
 .userMutator {
-  margin-top: 2rem ;
-}
+  margin-top: 2rem;
+}