Chore: Improve fast refresh in dev

discretize · Sep 9, 2024 · fc6546b · fc6546b
1 parent e1ca00d
commit fc6546b
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 33 deletions.
diff --git a/src/components/sections/affixes/CustomAffix.jsx b/src/components/sections/affixes/CustomAffix.jsx
@@ -19,7 +19,7 @@ import {
   getCustomAffixText,
 } from '../../../state/slices/priorities';
 
-export const exampleAffix = `type: quadruple
+const exampleAffix = `type: quadruple
 bonuses:
   major:
     - Power
@@ -28,7 +28,7 @@ bonuses:
     - Precision
     - Vitality`;
 
-export const exampleAffixJson = `{
+const exampleAffixJson = `{
   "type": "quadruple",
   "bonuses": {
     "major": ["Power", "Ferocity"],

diff --git a/src/components/sections/extras/ExtraSelection.jsx b/src/components/sections/extras/ExtraSelection.jsx
@@ -32,7 +32,7 @@ import {
 import { chunkArray } from '../../../utils/usefulFunctions';
 import AmountInput from '../../baseComponents/AmountInput';
 import Label from '../../baseComponents/Label';
-import ModalContent, { formatApiText, joinWith } from './ModalContent';
+import ModalContent, { formatApiText, joinWith } from './helpers';
 
 // const roundPrice = (num) => Math.round(num / 100) * 100;
 const roundPrice = (num) => Math.round(num / 10) * 10;

diff --git a/src/components/sections/extras/ModalContent.jsx b/src/components/sections/extras/ModalContent.jsx
@@ -20,6 +20,7 @@ import { makeStyles } from 'tss-react/mui';
 import { placeholderItem } from '../../../assets/modifierdata';
 import { changeExtraIds, getExtrasIds } from '../../../state/slices/extras';
 import Label from '../../baseComponents/Label';
+import { formatApiText, joinWith } from './helpers';
 
 const useStyles = makeStyles()((theme) => ({
   root: {
@@ -44,36 +45,6 @@ function groupBy(xs, key) {
   }, {});
 }
 
-const firstUppercase = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-
-export const formatApiText = (apiText) =>
-  firstUppercase(
-    apiText
-      .replace(/^Superior Sigil /, 'Sigil ')
-      .replace(/^Überlegenes Sigill /, 'Sigill ')
-      .replace(/^Sello superior /, 'Sello ')
-
-      .replace(/^Superior Rune /, 'Rune ')
-      .replace(/^Überlegene Rune /, 'Rune ')
-      .replace(/^Runa superior /, 'Runa ')
-
-      .replaceAll('"', '')
-      .replace(/^Plate of /, '')
-      .replace(/^Bowl of /, '')
-      .replace(/^Slice of /, '')
-      .replace(/^Scoop of /, '')
-      .replace(/ Squash Soup$/, '')
-
-      // .replace(/^Schüssel mit /, '')
-      // .replace(/^Teller mit /, '')
-
-      .replace(/^Plato de /, '')
-      .replace(/^Cuenco de /, ''),
-  );
-
-export const joinWith = (array, separator) =>
-  array.flatMap((element) => [element, separator]).slice(0, -1);
-
 function ModalContent(props) {
   const { type, modifierData, modifierDataById: data, priceData, showAttributes } = props;
 

diff --git a/src/components/sections/extras/helpers.ts b/src/components/sections/extras/helpers.ts
@@ -0,0 +1,29 @@
+const firstUppercase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
+
+export const formatApiText = (apiText: string) =>
+  firstUppercase(
+    apiText
+      .replace(/^Superior Sigil /, 'Sigil ')
+      .replace(/^Überlegenes Sigill /, 'Sigill ')
+      .replace(/^Sello superior /, 'Sello ')
+
+      .replace(/^Superior Rune /, 'Rune ')
+      .replace(/^Überlegene Rune /, 'Rune ')
+      .replace(/^Runa superior /, 'Runa ')
+
+      .replaceAll('"', '')
+      .replace(/^Plate of /, '')
+      .replace(/^Bowl of /, '')
+      .replace(/^Slice of /, '')
+      .replace(/^Scoop of /, '')
+      .replace(/ Squash Soup$/, '')
+
+      // .replace(/^Schüssel mit /, '')
+      // .replace(/^Teller mit /, '')
+
+      .replace(/^Plato de /, '')
+      .replace(/^Cuenco de /, ''),
+  );
+
+export const joinWith = (array: any[], separator: any) =>
+  array.flatMap((element) => [element, separator]).slice(0, -1);