From 788bc73ceb9b3140d1b5c87d12e03db6a2ce1eba Mon Sep 17 00:00:00 2001
From: Shusui MOYATANI <syusui.s@gmail.com>
Date: Wed, 21 Feb 2024 12:17:33 +0900
Subject: [PATCH] fix: fallback element for muted user list

---
 src/components/modal/Config.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/modal/Config.tsx b/src/components/modal/Config.tsx
index 97722b6..102aaf5 100644
--- a/src/components/modal/Config.tsx
+++ b/src/components/modal/Config.tsx
@@ -498,7 +498,9 @@ const MuteConfig = () => {
             {(pubkey) => (
               <li class="flex items-center border-b border-border pr-4">
                 <div class="flex-1 truncate">
-                  <LazyLoad>{() => <UserNameDisplay pubkey={pubkey} />}</LazyLoad>
+                  <LazyLoad fallback={<div class="h-4" />}>
+                    {() => <UserNameDisplay pubkey={pubkey} />}
+                  </LazyLoad>
                 </div>
                 <button class="size-3 shrink-0" onClick={() => removeMutedPubkey(pubkey)}>
                   <XMark />