feat(ref): fix for init collapse state

MetaMask · Oct 4, 2024 · f9ddecb · f9ddecb
1 parent f771b9b
commit f9ddecb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/ParserOpenRPC/CollapseBox/CollapseBox.tsx b/src/components/ParserOpenRPC/CollapseBox/CollapseBox.tsx
@@ -14,14 +14,12 @@ interface CollapseBoxProps {
 
 export const CollapseBox = ({
   children,
-  isInitCollapsed = false,
+  isInitCollapsed = true,
 }: CollapseBoxProps) => {
-  const { collapsed, toggleCollapsed } = useCollapsible({ initialState: true });
+  const { collapsed, setCollapsed } = useCollapsible({ initialState: isInitCollapsed });
   const { colorMode } = useColorMode();
   useEffect(() => {
-    if (isInitCollapsed) {
-      toggleCollapsed();
-    }
+    setCollapsed(isInitCollapsed);
   }, [isInitCollapsed]);
   return (
     <div
@@ -36,7 +34,7 @@ export const CollapseBox = ({
           !collapsed && styles.collapsedBtnView,
           colorMode === "light" && styles.collapsedBtnLightHover,
         )}
-        onClick={toggleCollapsed}
+        onClick={() => setCollapsed((expanded) => !expanded)}
       >
         {collapsed ? "Show child attributes" : "Hide child attributes"}
         <div

diff --git a/src/components/ParserOpenRPC/DetailsBox/RenderParams.tsx b/src/components/ParserOpenRPC/DetailsBox/RenderParams.tsx
@@ -29,7 +29,7 @@ const renderSchema = (schemaItem, schemas, name) => {
         description={item.description || item.title || ""}
       />
       <div className="padding-bottom--md">
-        <CollapseBox isInitCollapsed={!!name}>
+        <CollapseBox>
           <>
             {Object.entries(item.properties).map(([key, value]) => (
               <div key={key} className={styles.paramItemWrapper}>