fix local settings overrides (code4recovery#484)

Author: joshreisner

public/app.js

@@ -2,9 +2,10 @@ import { defaults } from '../hooks/settings';
 import { formatSearch } from './format-search';
 
 export const validateInput = (
-  params: URLSearchParams
+  params: URLSearchParams,
+  settings: TSMLReactConfig
 ): TSMLReactConfig['defaults'] => {
-  const { defaults: defaultInput } = defaults;
+  const { defaults: defaultInput } = settings;
 
   const modeParam = params.get('mode');
   const mode = isMode(modeParam) ? modeParam : defaultInput.mode;

src/helpers/validate-input.ts

@@ -8,7 +8,7 @@ import {
 import { useSearchParams } from 'react-router-dom';
 
 import { validateInput } from '../helpers';
-import { defaults } from './settings';
+import { defaults, useSettings } from './settings';
 
 const InputContext = createContext<{
   input: TSMLReactConfig['defaults'];
@@ -17,19 +17,19 @@ const InputContext = createContext<{
 export const InputProvider = ({ children }: PropsWithChildren) => {
   const [searchParams] = useSearchParams();
 
+  const { settings } = useSettings();
+
   const [input, setInput] = useState<TSMLReactConfig['defaults']>(
-    validateInput(searchParams)
+    validateInput(searchParams, settings)
   );
 
   // detect input from URL search params
   useEffect(() => {
-    setInput(validateInput(searchParams));
+    setInput(validateInput(searchParams, settings));
   }, [searchParams]);
 
   return (
-    <InputContext.Provider value={{ input }}>
-      {children}
-    </InputContext.Provider>
+    <InputContext.Provider value={{ input }}>{children}</InputContext.Provider>
   );
 };