From b26e03373fcc2516cf21acc51756dc2237406000 Mon Sep 17 00:00:00 2001
From: Zephyruso <127948745+Zephyruso@users.noreply.github.com>
Date: Fri, 1 Sep 2023 18:14:48 +0800
Subject: [PATCH] fix: collapse render

---
 src/components/Collpase.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Collpase.tsx b/src/components/Collpase.tsx
index 1192e3fc..06a96871 100644
--- a/src/components/Collpase.tsx
+++ b/src/components/Collpase.tsx
@@ -1,6 +1,5 @@
-import { JSX, ParentComponent } from 'solid-js'
+import { JSX, ParentComponent, Show } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
-// import { Ch} from '@tabler/icons-solidjs'
 
 type Props = {
   title: JSX.Element
@@ -43,7 +42,7 @@ const Collapse: ParentComponent<Props> = (props) => {
           'collapse-content grid auto-rows-min grid-cols-2 gap-2 transition-opacity duration-1000 lg:grid-cols-3 xl:grid-cols-4',
         )}
       >
-        {content}
+        <Show when={props.isOpen}>{content}</Show>
       </div>
     </div>
   )