use innerHTML property

2024-11-24 17:16:06 +08:00 · 2024-11-24 17:16:06 +08:00 · 5d6eb7282a
commit 5d6eb7282a
parent f56b92fff0
9 changed files with 48 additions and 110 deletions
--- a/src/timelines/TootBottomSheet.tsx
+++ b/src/timelines/TootBottomSheet.tsx
@ -261,13 +261,7 @@ const TootBottomSheet: Component = (props) => {
          >
            <BackButton color="inherit" />
            <Title component="div" class="name" use:solid-styled>
-              <span
-                ref={(e: HTMLElement) =>
-                  createRenderEffect(
-                    () => (e.innerHTML = tootDisplayName() ?? "Someone"),
-                  )
-                }
-              ></span>
+              <span innerHTML={tootDisplayName() ?? "Someone"}></span>
              <span>'s toot</span>
            </Title>
          </Toolbar>