From a5e8781568f183554d30518b20abd2dec64940f8 Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:08:53 +0200
Subject: [PATCH 1/8] Update dependencies

---
 package-lock.json | 98 +++++++++++++++++++++++------------------------
 package.json      | 10 ++---
 2 files changed, 54 insertions(+), 54 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c03fc00..d633385 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "cron-validator": "^1.3.1",
-        "cronstrue": "^2.44.0",
+        "cronstrue": "^2.47.0",
         "parse-json": "^8.1.0",
         "preact": "^10.19.2",
         "react-hint": "^3.2.1",
@@ -21,10 +21,10 @@
       "devDependencies": {
         "@babel/plugin-transform-react-jsx": "^7.23.4",
         "@babel/preset-typescript": "^7.23.3",
-        "@evilmartians/lefthook": "^1.5.4",
+        "@evilmartians/lefthook": "^1.5.5",
         "@types/css-modules": "^1.0.5",
         "@types/jest": "^29.5.10",
-        "@types/node": "^20.10.1",
+        "@types/node": "^20.10.2",
         "@types/react-hint": "^3.2.3",
         "@types/react-modal": "^3.16.3",
         "@types/wicg-file-system-access": "^2023.10.4",
@@ -36,7 +36,7 @@
         "css-loader": "^6.8.1",
         "css-minimizer-webpack-plugin": "^5.0.1",
         "css-mqpacker-webpack-plugin": "^0.14.0",
-        "eslint": "^8.54.0",
+        "eslint": "^8.55.0",
         "eslint-plugin-react": "^7.33.2",
         "fork-ts-checker-webpack-plugin": "^9.0.2",
         "html-inline-css-webpack-plugin": "^1.11.2",
@@ -44,7 +44,7 @@
         "jest": "^29.7.0",
         "mini-css-class-name": "^0.15.0",
         "mini-css-extract-plugin": "^2.7.6",
-        "postcss": "^8.4.31",
+        "postcss": "^8.4.32",
         "postcss-import": "^15.1.0",
         "postcss-loader": "^7.3.3",
         "postcss-simple-vars": "^7.0.1",
@@ -1976,9 +1976,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz",
-      "integrity": "sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
@@ -2038,18 +2038,18 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.54.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.54.0.tgz",
-      "integrity": "sha512-ut5V+D+fOoWPgGGNj83GGjnntO39xDy6DWxO0wb7Jp3DcMX0TfIqdzHF85VTQkerdyGmuuMD9AKAo5KiNlf/AQ==",
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz",
+      "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
     "node_modules/@evilmartians/lefthook": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@evilmartians/lefthook/-/lefthook-1.5.4.tgz",
-      "integrity": "sha512-oyfKxXgZ9QjLFzj67RzqAfmqIUQ4hhIb5lZcfWuFf6COObjMHkb4HQQb8jgEmMPFWwk3JEuVJgxatrwZ2M8J5g==",
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@evilmartians/lefthook/-/lefthook-1.5.5.tgz",
+      "integrity": "sha512-vSJQ3rt52kHMqv4DpTf48jzZap5Q+X5C/qeYMBW58KkB+0a7jmMVy611CUfr/cUXeliZOqbSaOi2/kRYsLiSfQ==",
       "cpu": [
         "x64",
         "arm64",
@@ -3299,9 +3299,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.10.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.1.tgz",
-      "integrity": "sha512-T2qwhjWwGH81vUEx4EXmBKsTJRXFXNZTL4v0gi01+zyBmCwzE6TyHszqX01m+QHTEq+EZNo13NeJIdEqf+Myrg==",
+      "version": "20.10.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.2.tgz",
+      "integrity": "sha512-37MXfxkb0vuIlRKHNxwCkb60PNBpR94u4efQuN4JgIAm66zfCDXGSAFCef9XUWFovX2R1ok6Z7MHhtdVXXkkIw==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -3341,9 +3341,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.39",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.39.tgz",
-      "integrity": "sha512-Oiw+ppED6IremMInLV4HXGbfbG6GyziY3kqAwJYOR0PNbkYDmLWQA3a95EhdSmamsvbkJN96ZNN+YD+fGjzSBA==",
+      "version": "18.2.40",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.40.tgz",
+      "integrity": "sha512-H+BUhb9C1zBtogDLAk+KCNRKiHDrqSwQT/0z0PVTwMFBxqg3011ByLomADtgkgMkfwj4AMOiXBReyLTUBg681g==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",
@@ -5432,9 +5432,9 @@
       "integrity": "sha512-C1HsxuPCY/5opR55G5/WNzyEGDWFVG+6GLrA+fW/sCTcP6A6NTjUP2AK7B8n2PyFs90kDG2qzwm8LMheADku6A=="
     },
     "node_modules/cronstrue": {
-      "version": "2.44.0",
-      "resolved": "https://registry.npmjs.org/cronstrue/-/cronstrue-2.44.0.tgz",
-      "integrity": "sha512-71aQD16uXrqjDUYHsFYY4/SSmEepzQZqTqWsU9x2kDMCYKyIp/5e0QW/cp2lBNO9PJB1xOpIbBJuQEa5yKx98A==",
+      "version": "2.47.0",
+      "resolved": "https://registry.npmjs.org/cronstrue/-/cronstrue-2.47.0.tgz",
+      "integrity": "sha512-fnFwJy7zslTEz6h7O7BkwgHNBvuuPmkhAYKqPDxK5mBQLz2nG08T9afbnjm+yrvcc/wxrd+otaVSnoXT9ulUOw==",
       "bin": {
         "cronstrue": "bin/cli.js"
       }
@@ -6101,9 +6101,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.597",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.597.tgz",
-      "integrity": "sha512-0XOQNqHhg2YgRVRUrS4M4vWjFCFIP2ETXcXe/0KIQBjXE9Cpy+tgzzYfuq6HGai3hWq0YywtG+5XK8fyG08EjA==",
+      "version": "1.4.601",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.601.tgz",
+      "integrity": "sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA==",
       "dev": true
     },
     "node_modules/emittery": {
@@ -6321,15 +6321,15 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.54.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.54.0.tgz",
-      "integrity": "sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA==",
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz",
+      "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.3",
-        "@eslint/js": "8.54.0",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.55.0",
         "@humanwhocodes/config-array": "^0.11.13",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -11131,9 +11131,9 @@
       "dev": true
     },
     "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
       "dev": true
     },
     "node_modules/normalize-package-data": {
@@ -11253,13 +11253,13 @@
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
         "has-symbols": "^1.0.3",
         "object-keys": "^1.1.1"
       },
@@ -11516,9 +11516,9 @@
       }
     },
     "node_modules/parse-json/node_modules/type-fest": {
-      "version": "4.8.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.8.2.tgz",
-      "integrity": "sha512-mcvrCjixA5166hSrUoJgGb9gBQN4loMYyj9zxuMs/66ibHNEFd5JXMw37YVDx58L4/QID9jIzdTBB4mDwDJ6KQ==",
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.8.3.tgz",
+      "integrity": "sha512-//BaTm14Q/gHBn09xlnKNqfI8t6bmdzx2DXYfPBNofN0WUybCEUDcbCWcTa0oF09lzLjZgPphXAsvRiMK0V6Bw==",
       "engines": {
         "node": ">=16"
       },
@@ -11727,9 +11727,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "version": "8.4.32",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
+      "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
       "dev": true,
       "funding": [
         {
@@ -11746,7 +11746,7 @@
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.6",
+        "nanoid": "^3.3.7",
         "picocolors": "^1.0.0",
         "source-map-js": "^1.0.2"
       },
@@ -14262,9 +14262,9 @@
       "dev": true
     },
     "node_modules/svgo": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.4.tgz",
-      "integrity": "sha512-T+Xul3JwuJ6VGXKo/p2ndqx1ibxNKnLTvRc1ZTWKCfyKS/GgNjRZcYsK84fxTsy/izr91g/Rwx6fGnVgaFSI5g==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.5.tgz",
+      "integrity": "sha512-HQKHEo73pMNOlDlBcLgZRcHW2+1wo7bFYayAXkGN0l/2+h68KjlfZyMRhdhaGvoHV2eApOovl12zoFz42sT6rQ==",
       "dev": true,
       "dependencies": {
         "@trysound/sax": "0.2.0",
diff --git a/package.json b/package.json
index 077dd19..2169dc1 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "cron-validator": "^1.3.1",
-    "cronstrue": "^2.44.0",
+    "cronstrue": "^2.47.0",
     "parse-json": "^8.1.0",
     "preact": "^10.19.2",
     "react-hint": "^3.2.1",
@@ -26,10 +26,10 @@
   "devDependencies": {
     "@babel/plugin-transform-react-jsx": "^7.23.4",
     "@babel/preset-typescript": "^7.23.3",
-    "@evilmartians/lefthook": "^1.5.4",
+    "@evilmartians/lefthook": "^1.5.5",
     "@types/css-modules": "^1.0.5",
     "@types/jest": "^29.5.10",
-    "@types/node": "^20.10.1",
+    "@types/node": "^20.10.2",
     "@types/react-hint": "^3.2.3",
     "@types/react-modal": "^3.16.3",
     "@types/wicg-file-system-access": "^2023.10.4",
@@ -41,7 +41,7 @@
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^5.0.1",
     "css-mqpacker-webpack-plugin": "^0.14.0",
-    "eslint": "^8.54.0",
+    "eslint": "^8.55.0",
     "eslint-plugin-react": "^7.33.2",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
     "html-inline-css-webpack-plugin": "^1.11.2",
@@ -49,7 +49,7 @@
     "jest": "^29.7.0",
     "mini-css-class-name": "^0.15.0",
     "mini-css-extract-plugin": "^2.7.6",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.32",
     "postcss-import": "^15.1.0",
     "postcss-loader": "^7.3.3",
     "postcss-simple-vars": "^7.0.1",

From b0b5a1b64b79bcdd39eae588dbb76a10215ae6f2 Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:09:24 +0200
Subject: [PATCH 2/8] Update Icon size

---
 src/components/Icons/IconThreeDots.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Icons/IconThreeDots.tsx b/src/components/Icons/IconThreeDots.tsx
index 5230f1e..7531b77 100644
--- a/src/components/Icons/IconThreeDots.tsx
+++ b/src/components/Icons/IconThreeDots.tsx
@@ -1,9 +1,8 @@
 export const IconThreeDots: FC = () => (
   <svg
-    width="18"
-    height="18"
+    width="24"
+    height="24"
     fill="currentcolor"
-    viewBox="0 0 24 24"
   >
     <path d="M6 12.5c0-.828.666-1.5 1.5-1.5.828 0 1.5.666 1.5 1.5 0 .828-.666 1.5-1.5 1.5-.828 0-1.5-.666-1.5-1.5zm5 0c0-.828.666-1.5 1.5-1.5.828 0 1.5.666 1.5 1.5 0 .828-.666 1.5-1.5 1.5-.828 0-1.5-.666-1.5-1.5zm5 0c0-.828.666-1.5 1.5-1.5.828 0 1.5.666 1.5 1.5 0 .828-.666 1.5-1.5 1.5-.828 0-1.5-.666-1.5-1.5z"/>
   </svg>

From b544ac22f56be3c6cae5eaf50cb6cb7e2ae76377 Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:10:39 +0200
Subject: [PATCH 3/8] Simplify realization

---
 src/store/index.ts | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/store/index.ts b/src/store/index.ts
index d591928..e5612d5 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,6 +1,5 @@
-import { type StoreonStore, createStoreon } from 'storeon';
-import { StoreContext, useStoreon as _useStoreon } from 'storeon/preact';
-import { useContext } from 'preact/hooks';
+import { createStoreon } from 'storeon';
+import { useStoreon as _useStoreon } from 'storeon/preact';
 
 import type { IState, IEvents } from './types';
 import { appModule } from './appModule';
@@ -13,6 +12,4 @@ export const store = createStoreon<IState, IEvents>([
 
 export const useStoreon = _useStoreon<IState, IEvents>;
 
-export const useStore = () => {
-  return useContext(StoreContext) as StoreonStore<IState, IEvents>;
-};
+export const useStore = () => store;

From 6e7a70f54038109d25329987b43bb516d8e3a3eb Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:11:39 +0200
Subject: [PATCH 4/8] Remove extra CSS

---
 src/components/Jobs/CronExamples.css | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Jobs/CronExamples.css b/src/components/Jobs/CronExamples.css
index 8e474bf..5f3e04b 100644
--- a/src/components/Jobs/CronExamples.css
+++ b/src/components/Jobs/CronExamples.css
@@ -1,8 +1,6 @@
 @import url("../../styles/vars.css");
 
 .btn {
-  width: 24px;
-  height: 24px;
   vertical-align: middle;
   color: $color-primary;
   border: 1px solid $color-primary;

From e42d611518a4f2fd37286c4b1a2213e2039a9333 Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:13:14 +0200
Subject: [PATCH 5/8] Update label

---
 src/components/Jobs/Cron.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Jobs/Cron.tsx b/src/components/Jobs/Cron.tsx
index f4ecccd..6907a5b 100644
--- a/src/components/Jobs/Cron.tsx
+++ b/src/components/Jobs/Cron.tsx
@@ -17,7 +17,7 @@ export const Cron: FC<Props> = ({ value, error }) => {
   }, [error]);
 
   return (
-    <Label top="A valid cron expression">
+    <Label top="Cron Expression">
       <input
         ref={ref}
         type="text"

From 92630e8abe1febb6002a1b20652877fbd6676ead Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:22:25 +0200
Subject: [PATCH 6/8] Add startIn directory

---
 src/components/DownloadButton/util.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/DownloadButton/util.ts b/src/components/DownloadButton/util.ts
index c3d7c37..8f61555 100644
--- a/src/components/DownloadButton/util.ts
+++ b/src/components/DownloadButton/util.ts
@@ -3,6 +3,7 @@ export const isSupportFilePicker = typeof showSaveFilePicker === 'function';
 export const saveFile = async (content: string): Promise<void> => {
   const file = await showSaveFilePicker({
     suggestedName: 'jobs.config',
+    startIn: 'desktop',
   });
 
   const writable = await file.createWritable();

From bf1da71cf5de676ac77dbf31b9670feb33ce58f8 Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:32:27 +0200
Subject: [PATCH 7/8] Refactoring toolbar

---
 src/components/Editor/Buttons.tsx | 14 +++++++-------
 src/components/Preview/index.tsx  | 14 +++++++-------
 src/components/Toolbar/index.tsx  | 16 ++--------------
 3 files changed, 16 insertions(+), 28 deletions(-)

diff --git a/src/components/Editor/Buttons.tsx b/src/components/Editor/Buttons.tsx
index 6a4fe2a..ca3819c 100644
--- a/src/components/Editor/Buttons.tsx
+++ b/src/components/Editor/Buttons.tsx
@@ -1,6 +1,6 @@
 import { useStoreon } from '../../store';
 import { Button } from '../Button';
-import { Toolbar } from '../Toolbar';
+import { ToolbarWrapper, ToolbarHint } from '../Toolbar';
 import { IconPlus } from '../Icons/IconPlus';
 import { IconUpload } from '../Icons/IconUpload';
 import { MAX_ITEMS, ROUTER } from '../../constants';
@@ -17,8 +17,8 @@ export const Buttons: FC = () => {
   };
 
   return (
-    <Toolbar.Wrapper>
-      <Toolbar.Hint label="You can configure up to 20 jobs">
+    <ToolbarWrapper>
+      <ToolbarHint label="You can configure up to 20 jobs">
         <Button
           onClick={createItem}
           disabled={items.length >= MAX_ITEMS}
@@ -26,15 +26,15 @@ export const Buttons: FC = () => {
           <IconPlus />
           {' New Job'}
         </Button>
-      </Toolbar.Hint>
-      <Toolbar.Hint label="Upload your config">
+      </ToolbarHint>
+      <ToolbarHint label="Upload your config">
         <Button
           onClick={openUploadModal}
           aria-label="Upload your config"
         >
           <IconUpload />
         </Button>
-      </Toolbar.Hint>
-    </Toolbar.Wrapper>
+      </ToolbarHint>
+    </ToolbarWrapper>
   );
 };
diff --git a/src/components/Preview/index.tsx b/src/components/Preview/index.tsx
index 2e7751c..93485aa 100644
--- a/src/components/Preview/index.tsx
+++ b/src/components/Preview/index.tsx
@@ -3,7 +3,7 @@ import { useRef } from 'preact/hooks';
 import s from './styles.css';
 import { useStoreon } from '../../store';
 import { Button } from '../Button';
-import { Toolbar } from '../Toolbar';
+import { ToolbarWrapper, ToolbarHint } from '../Toolbar';
 import { JSON } from './JSON';
 import { DownloadButton } from '../DownloadButton';
 import { IconDuplicate } from '../Icons/IconDuplicate';
@@ -36,20 +36,20 @@ export const Preview: FC = () => {
 
   return (
     <div className={s.box}>
-      <Toolbar.Wrapper>
-        <Toolbar.Hint label="Copy to clipboard">
+      <ToolbarWrapper>
+        <ToolbarHint label="Copy to clipboard">
           <Button onClick={clipboard}>
             <IconDuplicate />
             Copy Code
           </Button>
-        </Toolbar.Hint>
-        <Toolbar.Hint label="Download a file">
+        </ToolbarHint>
+        <ToolbarHint label="Download a file">
           <DownloadButton
             label="Download a file"
             data={data}
           />
-        </Toolbar.Hint>
-      </Toolbar.Wrapper>
+        </ToolbarHint>
+      </ToolbarWrapper>
       <pre
         ref={output}
         className={s.out}
diff --git a/src/components/Toolbar/index.tsx b/src/components/Toolbar/index.tsx
index 1966cac..8846283 100644
--- a/src/components/Toolbar/index.tsx
+++ b/src/components/Toolbar/index.tsx
@@ -1,23 +1,16 @@
-import type { ComponentChildren } from 'preact';
-
 import s from './styles.css';
 
-interface IWrapperProps {
-  children: ComponentChildren;
-}
-
 interface IHintProps {
   label: string;
-  children: ComponentChildren;
 }
 
-const Wrapper: FC<IWrapperProps> = ({ children }) => (
+export const ToolbarWrapper: FC = ({ children }) => (
   <div className={s.box}>
     {children}
   </div>
 );
 
-const Hint: FC<IHintProps> = ({ children, label }) => (
+export const ToolbarHint: FC<IHintProps> = ({ children, label }) => (
   <span
     data-rh={label}
     data-rh-at="top"
@@ -26,8 +19,3 @@ const Hint: FC<IHintProps> = ({ children, label }) => (
     {children}
   </span>
 );
-
-export const Toolbar = {
-  Wrapper,
-  Hint,
-} as const;

From 3fcd874d3e061dba9c629086bcb956ebdfdb40ff Mon Sep 17 00:00:00 2001
From: shoonia <alexanderz@wix.com>
Date: Sat, 2 Dec 2023 16:38:16 +0200
Subject: [PATCH 8/8] Remove extra variable

---
 src/components/Tooltip/Tooltip.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index e846436..7c3c0fb 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -27,9 +27,7 @@ export const Tooltips: FC = () => {
   const { items } = useStoreon('items');
 
   const onRenderContent = useCallback((target: HTMLInputElement) => {
-    const { name } = target.dataset;
-
-    switch (name) {
+    switch (target.dataset.name) {
       case KEYS.functionLocation: {
         return (
           <FunctionLocation target={target} />