From 3393d66d211dbe19942df8f268a57f4c051307e3 Mon Sep 17 00:00:00 2001
From: Stefan Chrobot <stefan@chrobot.io>
Date: Sat, 17 Feb 2024 21:49:41 +0000
Subject: [PATCH] Refactor UI state: rename variables

---
 assets/tree/src/App.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/tree/src/App.js b/assets/tree/src/App.js
index b118cd74..17422516 100644
--- a/assets/tree/src/App.js
+++ b/assets/tree/src/App.js
@@ -20,11 +20,11 @@ export default function App({ tree }) {
 }
 
 function TreeNode({ node, level }) {
-  const [expanded, setExpanded] = useState(shouldAutoExpand(node, level));
+  const [isExpanded, setIsExpanded] = useState(shouldAutoExpand(node, level));
 
   function handleExpandClick() {
     if (node.children) {
-      setExpanded(!expanded);
+      setIsExpanded(!isExpanded);
     }
   }
 
@@ -36,21 +36,21 @@ function TreeNode({ node, level }) {
       >
         <div className="mr-0.5 inline-block w-[2ch] flex-shrink-0">
           {node.children &&
-            (expanded ? (
+            (isExpanded ? (
               <RiArrowDownSFill size={20} />
             ) : (
               <RiArrowRightSFill size={20} />
             ))}
         </div>
         <div>
-          {node.children && expanded ? (
+          {node.children && isExpanded ? (
             <TextItems items={node.expanded.prefix} />
           ) : (
             <TextItems items={node.content} />
           )}
         </div>
       </div>
-      {node.children && expanded && (
+      {node.children && isExpanded && (
         <>
           <ol className="m-0 ml-[2ch] block list-none p-0">
             {node.children.map((child, index) => (