From 57df745cf75944e8fdf118e3c0ac23e7f7abc008 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sat, 26 Oct 2024 19:59:16 +0900
Subject: [PATCH] =?UTF-8?q?Add:=20=E3=83=9C=E3=82=A4=E3=83=9C=E5=AF=AE?=
 =?UTF-8?q?=E5=81=B4=E3=81=AE=E3=82=AD=E3=83=A3=E3=83=A9=E3=83=9A=E3=83=BC?=
 =?UTF-8?q?=E3=82=B8=E3=81=AE=E5=91=BC=E3=81=B3=E6=96=B9=E3=81=AB=E4=B8=8D?=
 =?UTF-8?q?=E6=98=8E=E6=99=82=E3=81=AE=E8=A1=A8=E7=A4=BA=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout.scss                      |  4 ++++
 src/pages/dormitory/{Character.characterId}.tsx | 16 ++++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/layout.scss b/src/components/layout.scss
index 880f2633e..c9428d542 100644
--- a/src/components/layout.scss
+++ b/src/components/layout.scss
@@ -1254,6 +1254,10 @@ $dropdown-item-active-background-color: $primary;
                   border-style: solid;
                   border-radius: 8px;
                   text-align: center;
+
+                  &.unknown {
+                    color: gray;
+                  }
                 }
               }
             }
diff --git a/src/pages/dormitory/{Character.characterId}.tsx b/src/pages/dormitory/{Character.characterId}.tsx
index e3ad1be86..7cfe0d63e 100644
--- a/src/pages/dormitory/{Character.characterId}.tsx
+++ b/src/pages/dormitory/{Character.characterId}.tsx
@@ -78,20 +78,28 @@ export default ({
         <div className="column description-call-line">
           <div className="description-call-one">
             <span
-              className="description-call-text"
+              className={`description-call-text ${
+                callNameInfos[selectedCharacterKey][targetCharacterKey]
+                  ? ""
+                  : "unknown"
+              }`}
               style={{ borderColor: characterInfo.color }}
             >
-              {callNameInfos[selectedCharacterKey][targetCharacterKey]}
+              {callNameInfos[selectedCharacterKey][targetCharacterKey] || "？"}
             </span>
             <Arrow leftOrRight="right" />
           </div>
           <div className="description-call-one">
             <Arrow leftOrRight="left" />
             <span
-              className="description-call-text"
+              className={`description-call-text ${
+                callNameInfos[targetCharacterKey][selectedCharacterKey]
+                  ? ""
+                  : "unknown"
+              }`}
               style={{ borderColor: characterInfos[targetCharacterKey].color }}
             >
-              {callNameInfos[targetCharacterKey][selectedCharacterKey]}
+              {callNameInfos[targetCharacterKey][selectedCharacterKey] || "？"}
             </span>
           </div>
         </div>