Refactoring

package.json

@@ -31,8 +31,8 @@
     "@types/react-hint": "^3.2.3",
     "@types/react-modal": "^3.16.3",
     "@types/wicg-file-system-access": "^2023.10.5",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
     "autoprefixer": "^10.4.19",
     "babel-loader": "^9.1.3",
     "babel-plugin-transform-remove-polyfill": "^0.24.1",
@@ -52,7 +52,7 @@
     "postcss-loader": "^8.1.1",
     "postcss-simple-vars": "^7.0.1",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.3.1",
+    "stylelint": "^16.4.0",
     "stylelint-config-css-modules": "^4.4.0",
     "stylelint-config-standard": "^36.0.0",
     "terser-webpack-plugin": "^5.3.10",

src/components/Editor/Buttons.tsx

@@ -5,17 +5,17 @@ import { IconPlus } from '../Icons/IconPlus';
 import { IconUpload } from '../Icons/IconUpload';
 import { MAX_ITEMS, ROUTER } from '../../constants';
 
+const openUploadModal: EventListener = () => {
+  location.hash = ROUTER.UPLOAD;
+};
+
 export const Buttons: FC = () => {
   const { dispatch, items } = useStoreon('items');
 
   const createItem: EventListener = () => {
     dispatch('items/new');
   };
 
-  const openUploadModal: EventListener = () => {
-    location.hash = ROUTER.UPLOAD;
-  };
-
   return (
     <ToolbarWrapper>
       <ToolbarHint label="You can configure up to 20 jobs">

src/components/Header/StandWithUkraine.css

@@ -1,6 +1,6 @@
 @import url("../../styles/vars.css");
 
-.swu_box {
+.box {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10,7 +10,7 @@
   height: $swu-h;
 }
 
-.swu_link {
+.link {
   composes: link from './styles.css';
   display: flex;
   gap: 1em;

src/components/Header/StandWithUkraine.tsx

@@ -1,16 +1,15 @@
 import s from './StandWithUkraine.css';
 
-export const StandWithUkraine: FC = () => (
-  <div className={s.swu_box}>
+export const StandWithUkraine: FC = () =>
+  <div className={s.box}>
     <a
       href="https://www.wix.com/stands-with-ukraine"
-      className={s.swu_link}
+      className={s.link}
     >
       <svg aria-label="the national flag of Ukraine" viewBox="0 0 3 2" width="1.4em">
         <path d="M0 0h3v1H0z" fill="#005bbb" />
         <path d="M0 1h3v1H0z" fill="#ffd500" />
       </svg>
       Support Ukraine
     </a>
-  </div>
-);
+  </div>;

src/components/Jobs/CronExamples.tsx

@@ -5,7 +5,7 @@ import { BlankButton } from '../Button';
 import { useFormScope } from '../../hooks/formScope';
 import { KEYS } from '../../constants';
 
-export const CronExamples: FC= () => {
+export const CronExamples: FC = () => {
   const { id } = useFormScope();
 
   return (

src/components/Preview/styles.css

@@ -13,7 +13,6 @@
   margin: 0;
   padding: 1em;
   overflow: auto;
-  resize: none;
   border: none;
   outline: none;
   white-space: pre;