From 9e2babfc7b478fbde9a3feeb996ee3d18c9649f9 Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Sat, 29 Jan 2022 14:54:22 +0100
Subject: [PATCH] chore(lab): Renamed xray clear to reset

---
 .../components/workbench/menu/xray/clear.js   | 51 -------------------
 .../components/workbench/menu/xray/index.js   |  4 +-
 .../components/workbench/menu/xray/reset.js   | 38 ++++++++++++++
 3 files changed, 40 insertions(+), 53 deletions(-)
 delete mode 100644 packages/freesewing.shared/components/workbench/menu/xray/clear.js
 create mode 100644 packages/freesewing.shared/components/workbench/menu/xray/reset.js

diff --git a/packages/freesewing.shared/components/workbench/menu/xray/clear.js b/packages/freesewing.shared/components/workbench/menu/xray/clear.js
deleted file mode 100644
index 19d82d1aec2..00000000000
--- a/packages/freesewing.shared/components/workbench/menu/xray/clear.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import { useState } from 'react'
-import { linkClasses } from 'shared/components/navigation/primary.js'
-
-const ClearXray = props => {
-  const val = props.gist[props.setting]
-  const dflt = props.dflt
-
-  const [value, setValue] = useState(val)
-
-  const toggle = (evt) => {
-    props.updateGist([props.setting], !value)
-    setValue(!value)
-  }
-
-  return (
-    <li className="flex flex-row">
-      <button className={`
-        flex flex-row
-        w-full
-        justify-between
-        px-2
-        text-left
-        text-base-content
-        sm:text-neutral-content
-        items-center
-        pr-6
-      `} onClick={toggle}>
-        <div className={`
-          grow pl-2 border-l-2
-          ${linkClasses}
-          hover:cursor-pointer
-          hover:border-secondary
-          sm:hover:border-secondary-focus
-          text-base-content sm:text-neutral-content
-        `}>
-          <span className={`
-            text-3xl mr-2 inline-block p-0 pl-2 leading-3
-            translate-y-3
-          `}>
-            <>&deg;</>
-          </span>
-          <span>
-            { props.app.t(`app.reset`) }
-          </span>
-        </div>
-      </button>
-    </li>
-  )
-}
-
-export default ClearXray
diff --git a/packages/freesewing.shared/components/workbench/menu/xray/index.js b/packages/freesewing.shared/components/workbench/menu/xray/index.js
index 79110b0f11e..633f364b38c 100644
--- a/packages/freesewing.shared/components/workbench/menu/xray/index.js
+++ b/packages/freesewing.shared/components/workbench/menu/xray/index.js
@@ -1,6 +1,6 @@
 import XrayIcon from 'shared/components/icons/xray.js'
 import { linkClasses, Chevron } from 'shared/components/navigation/primary.js'
-import Clear from './clear.js'
+import Reset from './reset.js'
 import Disable from './disable.js'
 import List from './list.js'
 
@@ -43,7 +43,7 @@ const Xray = props => {
       {props.gist?.xray?.enabled && (
         <ul className="pl-5 list-inside">
           <Disable {...props} />
-          <Clear {...props} />
+          <Reset {...props} />
           {
             props.gist?.xray?.parts &&
             Object.keys(props.gist.xray.parts).map(partName => <List {...props} partName={partName} />)
diff --git a/packages/freesewing.shared/components/workbench/menu/xray/reset.js b/packages/freesewing.shared/components/workbench/menu/xray/reset.js
new file mode 100644
index 00000000000..72760a9904e
--- /dev/null
+++ b/packages/freesewing.shared/components/workbench/menu/xray/reset.js
@@ -0,0 +1,38 @@
+import { linkClasses } from 'shared/components/navigation/primary.js'
+
+const ResetXray = props =>  (
+  <li className="flex flex-row">
+    <button className={`
+      flex flex-row
+      w-full
+      justify-between
+      px-2
+      text-left
+      text-base-content
+      sm:text-neutral-content
+      items-center
+      pr-6
+    `} onClick={() => props.updateGist(['xray'], { enabled: true })}>
+      <div className={`
+        grow pl-2 border-l-2
+        ${linkClasses}
+        hover:cursor-pointer
+        hover:border-secondary
+        sm:hover:border-secondary-focus
+        text-base-content sm:text-neutral-content
+      `}>
+        <span className={`
+          text-3xl mr-2 inline-block p-0 pl-2 leading-3
+          translate-y-3
+        `}>
+          <>&deg;</>
+        </span>
+        <span>
+          { props.app.t(`app.reset`) }
+        </span>
+      </div>
+    </button>
+  </li>
+)
+
+export default ResetXray