From fe8353226122cab37e1e66570800d2636d9542d4 Mon Sep 17 00:00:00 2001
From: Joeri Exelmans <joeri.exelmans@gmail.com>
Date: Sun, 18 May 2025 11:05:03 +0200
Subject: [PATCH] more cleanup

---
 src/LetInBlock.tsx | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/LetInBlock.tsx b/src/LetInBlock.tsx
index 58b1f20..e5acf90 100644
--- a/src/LetInBlock.tsx
+++ b/src/LetInBlock.tsx
@@ -18,29 +18,20 @@ export interface LetInBlockState {
 
 interface LetInBlockProps extends State2Props<LetInBlockState,EditorState> {}
 
-export function LetInBlock({state, setState, suggestionPriority}: LetInBlockProps) {
+export function LetInBlock(props: LetInBlockProps) {
   return <span className="letIn">
     <div className="decl">
-      <DeclColumns
-        state={state}
-        setState={setState}
-        suggestionPriority={suggestionPriority}
-        />
+      <DeclColumns {...props} />
     </div>
     <div className="inner">
-      <InnerMost
-        state={state}
-        setState={setState}
-        suggestionPriority={suggestionPriority}
-        />
+      <InnerMost {...props} />
     </div>
   </span>
 }
 
-function DeclColumns({state, setState, suggestionPriority}) {
+function DeclColumns({state: {name, value, inner}, setState, suggestionPriority}) {
   const env = useContext(EnvContext);
   const globalContext = useContext(GlobalContext);
-  const {name, value, inner} = state;
 
   const setInner = callback => setState(state => ({...state, inner: callback(state.inner)}));
   const setValue = callback => setState(state => ({...state, value: callback(state.value)}));
@@ -53,7 +44,6 @@ function DeclColumns({state, setState, suggestionPriority}) {
     const resolved = evalEditorBlock(inner, innerEnv);
     return scoreResolved(resolved, suggestionPriority);
   };
-  const innerSuggestionPriority = suggestionPriority;
 
   const nameRef = useRef<HTMLInputElement>(null);
   useEffect(() => {
@@ -61,8 +51,8 @@ function DeclColumns({state, setState, suggestionPriority}) {
   }, []);
   useEffect(() => autoInputWidth(nameRef, name, 60), [nameRef, name]);
 
-  const valueResolved = evalEditorBlock(state.value, env);
-  const innerEnv = makeInnerEnv(env, state.name, valueResolved);
+  const valueResolved = evalEditorBlock(value, env);
+  const innerEnv = makeInnerEnv(env, name, valueResolved);
 
   return <>
     <span className="keyword column">let&nbsp;</span>
@@ -90,7 +80,7 @@ function DeclColumns({state, setState, suggestionPriority}) {
         <DeclColumns
           state={inner}
           setState={setInner}
-          suggestionPriority={innerSuggestionPriority}
+          suggestionPriority={suggestionPriority}
           />
       </EnvContext>
     }