console: Fix code quality errors

TheThingsNetwork · Feb 5, 2024 · 03075a1 · 03075a1
1 parent f2d5df8
commit 03075a1
Show file tree

Hide file tree

Showing 9 changed files with 42 additions and 12 deletions.
diff --git a/config/storybook/preview.js b/config/storybook/preview.js
@@ -24,7 +24,6 @@ import messages from '@ttn-lw/locales/en.json'
 import backendMessages from '@ttn-lw/locales/.backend/en.json'
 
 import '../../pkg/webui/styles/main.styl'
-import '../../pkg/webui/styles/utilities/color.styl'
 import '../../pkg/webui/styles/utilities/general.styl'
 import '../../pkg/webui/styles/utilities/spacing.styl'
 import 'focus-visible/dist/focus-visible'

diff --git a/pkg/webui/account/containers/collaborators-table/index.js b/pkg/webui/account/containers/collaborators-table/index.js
@@ -92,7 +92,10 @@ const CollaboratorsTable = props => {
             return (
               <span>
                 {collaboratorId}{' '}
-                <Message className="c-text-neutral-light" content={sharedMessages.currentUserIndicator} />
+                <Message
+                  className="c-text-neutral-light"
+                  content={sharedMessages.currentUserIndicator}
+                />
               </span>
             )
           }

diff --git a/pkg/webui/console/components/application-general-settings-form/index.js b/pkg/webui/console/components/application-general-settings-form/index.js
@@ -197,7 +197,11 @@ const ApplicationGeneralSettingsForm = ({
       isResctrictedUser={isResctrictedUser}
       userId={userId}
     />
-    <Message content={m.techContactDescription} component="p" className="mt-cs-xs c-text-neutral-light" />
+    <Message
+      content={m.techContactDescription}
+      component="p"
+      className="mt-cs-xs c-text-neutral-light"
+    />
     <SubmitBar>
       <Form.Submit component={SubmitButton} message={sharedMessages.saveChanges} />
       <Require featureCheck={mayDeleteApplication}>

diff --git a/pkg/webui/console/components/routing-policy/sheet.js b/pkg/webui/console/components/routing-policy/sheet.js
@@ -32,7 +32,10 @@ const RoutingPolicy = ({ enabled, message, positiveMessage, negativeMessage }) =
     <span className={style.policy} data-enabled={enabled}>
       <Icon
         icon={enabled ? 'check' : 'clear'}
-        className={classnames('mr-cs-xxs', { 'c-bg-success-normal': enabled, 'c-bg-error-normal': !enabled })}
+        className={classnames('mr-cs-xxs', {
+          'c-bg-success-normal': enabled,
+          'c-bg-error-normal': !enabled,
+        })}
       />
       <Message content={message} />
     </span>

diff --git a/pkg/webui/console/containers/collaborators-table/index.js b/pkg/webui/console/containers/collaborators-table/index.js
@@ -64,7 +64,10 @@ const CollaboratorsTable = props => {
           userLabel = (
             <span>
               {collaboratorId}{' '}
-              <Message className="c-text-neutral-light" content={sharedMessages.currentUserIndicator} />
+              <Message
+                className="c-text-neutral-light"
+                content={sharedMessages.currentUserIndicator}
+              />
             </span>
           )
         }

diff --git a/pkg/webui/console/containers/device-title-section/index.js b/pkg/webui/console/containers/device-title-section/index.js
@@ -93,7 +93,13 @@ const DeviceTitleSection = props => {
           }
         >
           <LastSeen lastSeen={lastSeen} flipped noTitle>
-            <Icon icon="help_outline" textPaddedLeft small nudgeUp className="c-text-neutral-light" />
+            <Icon
+              icon="help_outline"
+              textPaddedLeft
+              small
+              nudgeUp
+              className="c-text-neutral-light"
+            />
           </LastSeen>
         </DocTooltip>
       ) : (
@@ -103,7 +109,13 @@ const DeviceTitleSection = props => {
           content={<Message content={m.noActivityTooltip} />}
         >
           <Status status="mediocre" label={sharedMessages.noActivityYet} flipped>
-            <Icon icon="help_outline" textPaddedLeft small nudgeUp className="c-text-neutral-light" />
+            <Icon
+              icon="help_outline"
+              textPaddedLeft
+              small
+              nudgeUp
+              className="c-text-neutral-light"
+            />
           </Status>
         </DocTooltip>
       )}

diff --git a/pkg/webui/console/containers/devices-table/index.js b/pkg/webui/console/containers/devices-table/index.js
@@ -110,7 +110,13 @@ const headers = [
             placement="top-end"
           >
             <Status status="unknown" label={sharedMessages.otherCluster}>
-              <Icon icon="help_outline" textPaddedLeft small nudgeUp className="c-text-neutral-light" />
+              <Icon
+                icon="help_outline"
+                textPaddedLeft
+                small
+                nudgeUp
+                className="c-text-neutral-light"
+              />
             </Status>
           </DocTooltip>
         )

diff --git a/pkg/webui/lib/hooks/use-request.js b/pkg/webui/lib/hooks/use-request.js
@@ -30,8 +30,8 @@ const useRequest = (requestAction, requestOnChange) => {
         requestAction instanceof Array
           ? Promise.all(requestAction.map(req => dispatch(attachPromise(req))))
           : typeof requestAction === 'function'
-          ? requestAction(dispatch)
-          : dispatch(attachPromise(requestAction))
+            ? requestAction(dispatch)
+            : dispatch(attachPromise(requestAction))
 
       promise
         .then(result => {

diff --git a/pkg/webui/styles/variables/colors.styl b/pkg/webui/styles/variables/colors.styl
@@ -12,9 +12,9 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-// CONSOLE COLOR PALLETE
+// CONSOLE COLOR PALETTE
 // =====================
-// This file contains the color pallete for the console. It is meant to
+// This file contains the color palette for the console. It is meant to
 // be used only by the tokens.styl file to define design tokens with it.
 // Do not use these values directly but only through the tokens.styl file.