From 47d4a27f643293602d189309bb79d822b678acb7 Mon Sep 17 00:00:00 2001
From: joostdecock <joost@joost.at>
Date: Sun, 1 Jun 2025 17:04:31 +0200
Subject: [PATCH] chore [react]: Linter

---
 .../Editor/components/MovablePattern.mjs      |  3 +-
 .../Editor/components/PatternLayout.mjs       | 77 ++++++++++---------
 .../Editor/components/views/DocsView.mjs      | 11 ++-
 .../components/Editor/lib/core-settings.mjs   |  2 +-
 .../components/Editor/lib/design-options.mjs  |  1 -
 .../components/Editor/lib/ui-preferences.mjs  |  1 -
 6 files changed, 49 insertions(+), 46 deletions(-)

diff --git a/packages/react/components/Editor/components/MovablePattern.mjs b/packages/react/components/Editor/components/MovablePattern.mjs
index 2e7b8bccfe9..615b55615d4 100644
--- a/packages/react/components/Editor/components/MovablePattern.mjs
+++ b/packages/react/components/Editor/components/MovablePattern.mjs
@@ -414,7 +414,7 @@ const Button = ({ onClickCb, transform, Icon, title = '' }) => {
 
 const InnerFlipIcon = () => (
   <path
-    strokeLinkecap="round"
+    strokeLinecap="round"
     strokeLinejoin="round"
     d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"
   />
@@ -431,7 +431,6 @@ const InnerResetIcon = () => (
   <path d="M12 9.75 14.25 12m0 0 2.25 2.25M14.25 12l2.25-2.25M14.25 12 12 14.25m-2.58 4.92-6.374-6.375a1.125 1.125 0 0 1 0-1.59L9.42 4.83c.21-.211.497-.33.795-.33H19.5a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25h-9.284c-.298 0-.585-.119-.795-.33Z" />
 )
 
-
 /** buttons for manipulating the part */
 export const Buttons = ({ transform, flip, rotate, resetPart, rotate90, iconSize }) => {
   return (
diff --git a/packages/react/components/Editor/components/PatternLayout.mjs b/packages/react/components/Editor/components/PatternLayout.mjs
index 6d033169c21..4a2b8927f6b 100644
--- a/packages/react/components/Editor/components/PatternLayout.mjs
+++ b/packages/react/components/Editor/components/PatternLayout.mjs
@@ -19,7 +19,7 @@ import { useDesignTranslation } from '@freesewing/react/hooks/useDesignTranslati
  * @param {object] pattern - The drafted pattern
  */
 export const PatternLayout = (props) => {
-  const { Design, pattern, update, config, state } = props
+  const { Design, pattern, update, config } = props
   const i18n = useDesignTranslation(Design.designConfig.data.id)
 
   return (
@@ -42,42 +42,45 @@ export const PatternLayout = (props) => {
 
 const PatternAsideMenu = (props) => {
   if (!props.state.ui?.aside) return null
-  if (props.state.view === 'draft') return (
-    <PatternAsideWrapper>
-      <h5 className="tw:capitalize">{props.pattern.designConfig.data.id} Options</h5>
-      <SideMenuUl>
-        <DesignOptionsMenu {...props} />
-      </SideMenuUl>
-      <h5>Core Settings</h5>
-      <SideMenuUl>
-        <CoreSettingsMenu {...props} />
-      </SideMenuUl>
-      <h5>UI Preferences</h5>
-      <SideMenuUl>
-        <UiPreferencesMenu {...props} />
-      </SideMenuUl>
-    </PatternAsideWrapper>
-  )
-  if (props.state.view === 'layout') return (
-    <PatternAsideWrapper>
-      <h5>Layout Settings</h5>
-      <SideMenuUl>
-        <LayoutSettingsMenu {...props} />
-      </SideMenuUl>
-    </PatternAsideWrapper>
-  )
-  if (props.state.view === 'test') return (
-    <PatternAsideWrapper>
-      <h5>Test Design Options</h5>
-      <SideMenuUl>
-        <TestOptionsMenu {...props} />
-      </SideMenuUl>
-      <h5>Test Measurements</h5>
-      <SideMenuUl>
-        <TestMeasurementsMenu {...props} />
-      </SideMenuUl>
-    </PatternAsideWrapper>
-  )
+  if (props.state.view === 'draft')
+    return (
+      <PatternAsideWrapper>
+        <h5 className="tw:capitalize">{props.pattern.designConfig.data.id} Options</h5>
+        <SideMenuUl>
+          <DesignOptionsMenu {...props} />
+        </SideMenuUl>
+        <h5>Core Settings</h5>
+        <SideMenuUl>
+          <CoreSettingsMenu {...props} />
+        </SideMenuUl>
+        <h5>UI Preferences</h5>
+        <SideMenuUl>
+          <UiPreferencesMenu {...props} />
+        </SideMenuUl>
+      </PatternAsideWrapper>
+    )
+  if (props.state.view === 'layout')
+    return (
+      <PatternAsideWrapper>
+        <h5>Layout Settings</h5>
+        <SideMenuUl>
+          <LayoutSettingsMenu {...props} />
+        </SideMenuUl>
+      </PatternAsideWrapper>
+    )
+  if (props.state.view === 'test')
+    return (
+      <PatternAsideWrapper>
+        <h5>Test Design Options</h5>
+        <SideMenuUl>
+          <TestOptionsMenu {...props} />
+        </SideMenuUl>
+        <h5>Test Measurements</h5>
+        <SideMenuUl>
+          <TestMeasurementsMenu {...props} />
+        </SideMenuUl>
+      </PatternAsideWrapper>
+    )
 
   return null
 }
diff --git a/packages/react/components/Editor/components/views/DocsView.mjs b/packages/react/components/Editor/components/views/DocsView.mjs
index 2f2b70d7ce1..f92a47ef06d 100644
--- a/packages/react/components/Editor/components/views/DocsView.mjs
+++ b/packages/react/components/Editor/components/views/DocsView.mjs
@@ -1,5 +1,5 @@
 // Dependencies
-import { linkClasses, capitalize } from '@freesewing/utils'
+import { linkClasses } from '@freesewing/utils'
 // Context
 import { ModalContext } from '@freesewing/react/context/Modal'
 // Hooks
@@ -10,7 +10,6 @@ import { modalDocsHelp } from '@freesewing/react/components/Help'
 import { HeaderMenu } from '../HeaderMenu.mjs'
 import { Popout } from '@freesewing/react/components/Popout'
 
-
 /**
  * This is the docs view, it just shows content
  *
@@ -41,7 +40,9 @@ export const DocsView = ({ state, config, update }) => {
             <button
               className="tw:daisy-btn tw:daisy-btn-secondary tw:daisy-btn-outline tw:mt-4"
               onClick={() => modalDocsHelp(`docs/designs/${state.design}`, setModal)}
-            >Open without leaving the Editor</button>
+            >
+              Open without leaving the Editor
+            </button>
           </>
         ) : null}
         <H2>Editor Documentation</H2>
@@ -56,7 +57,9 @@ export const DocsView = ({ state, config, update }) => {
         <button
           className="tw:daisy-btn tw:daisy-btn-secondary tw:daisy-btn-outline tw:mt-4"
           onClick={() => modalDocsHelp(`docs/editor`, setModal)}
-        >Open without leaving the Editor</button>
+        >
+          Open without leaving the Editor
+        </button>
         <H2>Developer Documentation</H2>
         <Popout type="link" compact>
           <b>
diff --git a/packages/react/components/Editor/lib/core-settings.mjs b/packages/react/components/Editor/lib/core-settings.mjs
index f08d8074c4f..69d90ee7da5 100644
--- a/packages/react/components/Editor/lib/core-settings.mjs
+++ b/packages/react/components/Editor/lib/core-settings.mjs
@@ -2,7 +2,7 @@ import React from 'react'
 // Dependencies
 import { defaultConfig as config } from '../config/index.mjs'
 import { measurementAsMm } from '@freesewing/utils'
-import { linkClasses } from '@freesewing/utils'
+
 /*
  * Components
  * Note that these are only used as returns values
diff --git a/packages/react/components/Editor/lib/design-options.mjs b/packages/react/components/Editor/lib/design-options.mjs
index 2dba79a87bd..74a684e7e5e 100644
--- a/packages/react/components/Editor/lib/design-options.mjs
+++ b/packages/react/components/Editor/lib/design-options.mjs
@@ -2,7 +2,6 @@ import React from 'react'
 import { mergeOptions } from '@freesewing/core'
 import { designOptionType, set, orderBy } from '@freesewing/utils'
 import { i18n } from '@freesewing/collection'
-import { linkClasses } from '@freesewing/utils'
 
 export function menuDesignOptionsStructure(design, options, settings, asFullList = false) {
   if (!options) return options
diff --git a/packages/react/components/Editor/lib/ui-preferences.mjs b/packages/react/components/Editor/lib/ui-preferences.mjs
index e6402e894b1..becd11a9822 100644
--- a/packages/react/components/Editor/lib/ui-preferences.mjs
+++ b/packages/react/components/Editor/lib/ui-preferences.mjs
@@ -1,6 +1,5 @@
 import React from 'react'
 import { defaultConfig } from '../config/index.mjs'
-import { linkClasses } from '@freesewing/utils'
 import { AsideIcon, RotateIcon, RocketIcon, UxIcon } from '@freesewing/react/components/Icon'
 
 export function menuUiPreferencesStructure() {