From e5310929f9451d7cf316802b2d8e5e64ab9ad922 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=8F=E5=90=91=E5=A4=9C?= <fu050409@163.com>
Date: Sat, 30 Nov 2024 10:55:22 +0800
Subject: [PATCH] fix(profile): fix profile problem panel

---
 .changes/problem-panel.md  | 5 +++++
 src/views/account/[id].vue | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changes/problem-panel.md

diff --git a/.changes/problem-panel.md b/.changes/problem-panel.md
new file mode 100644
index 0000000..8f16e70
--- /dev/null
+++ b/.changes/problem-panel.md
@@ -0,0 +1,5 @@
+---
+"algohub": patch:fix
+---
+
+Fix multiple panels displaying on the user profile page.
diff --git a/src/views/account/[id].vue b/src/views/account/[id].vue
index 90d07e5..45e0573 100644
--- a/src/views/account/[id].vue
+++ b/src/views/account/[id].vue
@@ -135,8 +135,8 @@ onMounted(async () => {
                                 </div>
                             </Panel>
 
-                            <Panel pt:header:class="!hidden" pt:content:class="!p-[1.125rem]">
-                                <DataView v-if="tab === 'problems'" :value="problemList" dataKey="id">
+                            <Panel v-if="tab === 'problems'" pt:header:class="!hidden" pt:content:class="!p-[1.125rem]">
+                                <DataView :value="problemList" dataKey="id">
                                     <template #header>
                                         <div class="inline-flex flex-wrap justify-between items-center gap-4 w-full">
                                             <InputText placeholder="Find a problem..." size="small" disabled>