From 4090fe9b7921f4d5bca6b09eb0537a1e0a66936d Mon Sep 17 00:00:00 2001
From: nakasyou <syoutarou1103@outlook.jp>
Date: Sat, 20 Jul 2024 19:12:38 +0900
Subject: [PATCH] =?UTF-8?q?20=E5=AD=97=E4=BB=A5=E9=99=8D=E3=82=AB=E3=83=83?=
 =?UTF-8?q?=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/islands/ai-quiz/components/Navbar.qwik.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/islands/ai-quiz/components/Navbar.qwik.tsx b/src/islands/ai-quiz/components/Navbar.qwik.tsx
index 494bfe9a..79733541 100644
--- a/src/islands/ai-quiz/components/Navbar.qwik.tsx
+++ b/src/islands/ai-quiz/components/Navbar.qwik.tsx
@@ -15,12 +15,12 @@ const Settings = component$(() => {
           typeof screenState.note === 'string' ? '読み込み中' : <div>
             {
               screenState.note!.notes.map((note) => {
-                const text = new DOMParser().parseFromString(note.canToJsonData.html, 'text/html').documentElement.textContent
+                const text = new DOMParser().parseFromString(note.canToJsonData.html, 'text/html').documentElement.textContent ?? '空のノート'
                 return <label key={note.id}>
                   <div class="flex">
                     <input type="checkbox" />
                     <div>
-                      {text}
+                      {text?.length > 20 ? `${text.substring(0, 20)}...` : text}
                     </div>
                   </div>
                 </label>