From d174aa07966c2cd2376b03991c06bebf4f909043 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Sun, 21 May 2023 20:25:49 +0900
Subject: [PATCH] [feat] added none icon

---
 public/none.webp                | Bin 0 -> 624 bytes
 src/lib/SideBars/Sidebar.svelte |  43 ++++++++++----------------------
 2 files changed, 13 insertions(+), 30 deletions(-)
 create mode 100644 public/none.webp

diff --git a/public/none.webp b/public/none.webp
new file mode 100644
index 0000000000000000000000000000000000000000..500b7152cc9a13168f41d8e0a0fea470b8b0d7f4
GIT binary patch
literal 624
zcmWIYbaTsKVqge&bqWXzu!!JdU|`??;(9OwiYVkTGB616FwAAtYG7z!u#451>ZZ6*
zQQ*{?6lvBYU$z(Q^0>wD`q*x+0|88u^1a7*u~|;&I<WO8W5~a~|6>}ZY`EHUj$d6C
zKXL8}>sOCk(hR4i$jxN3F?UVb@%6UB#TS+0zpFAc%Tkm!=+@aDVEFg1dkI(9N0!GO
z%Q!Vpp5GC=?SS15OIucv@<aE1uQ=CB#0Pzi-{Qu3x^+!F?@Oiy+p<oZ&MOqSu|$8{
zk~u5q27YpwmExq_=HT*Ewmn28N_2MSs*2Ui=D#x78}>mwa#Hfvo2oa{X1x)6YM*;y
z$@1%2iuHku9D9`aHnsQOublJrc#_8Z4*u#-G0qW!mI7zfwmKi!A6S~(&fh&z;dnyl
zCKWk>)$9+;m`!&c+johj%RrW6x~V_AT=kt}eP89<{?6rgy&G}3h(BC&F@NVzu`4cz
z&FvjbZp5x(NM-n|9M`hEWA~jM9;%#Nf|l#f{(64r?q~k@m)AFKT(oCz=bj0d6@UTH
z;2PoSb`3~-dTN1Vf{j6lk(mJ)31BS6$O@*zfP85vI}XU!fT{sTC4(U&6N3PdP6Oi1
zb{4SuG9ViS5`Y+F7K|=P%*-p%%S$a$Fx4~AGiG3AV3@$pzyefZU}S8-xBy`@(*lS|
j4L~_&BsMFQy#pu?0!%>jnZPClSy}*DP}2+z3_!8~CT+w;

literal 0
HcmV?d00001

diff --git a/src/lib/SideBars/Sidebar.svelte b/src/lib/SideBars/Sidebar.svelte
index 239c60d9..8cc57828 100644
--- a/src/lib/SideBars/Sidebar.svelte
+++ b/src/lib/SideBars/Sidebar.svelte
@@ -108,37 +108,20 @@
         <SidebarIndicator
           isActive={$selectedCharID === i && sideBarMode !== 1}
         />
-        {#if charimg !== ""}
-          <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
-          <div
-            on:click={() => {
+        <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+        <div
+          on:click={() => {
+            changeChar(i);
+          }}
+          on:keydown={(e) => {
+            if (e.key === "Enter") {
               changeChar(i);
-            }}
-            on:keydown={(e) => {
-              if (e.key === "Enter") {
-                changeChar(i);
-              }
-            }}
-            tabindex="0"
-          >
-            <SidebarAvatar src={getCharImage($DataBase.characters[i].image, "plain")} size="56" rounded={IconRounded} />
-          </div>
-        {:else}
-          <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
-          <div
-            on:click={() => {
-              changeChar(i);
-            }}
-            on:keydown={(e) => {
-              if (e.key === "Enter") {
-                changeChar(i);
-              }
-            }}
-            tabindex="0"
-          >
-            <SidebarAvatar size="56" src="https://via.placeholder.com/150" rounded={IconRounded} />
-          </div>
-        {/if}
+            }
+          }}
+          tabindex="0"
+        >
+        <SidebarAvatar src={charImages[i] ? getCharImage(charImages[i], "plain") : "/none.webp"} size="56" rounded={IconRounded} />
+      </div>
         {#if editMode}
           <div class="mt-2 flex flex-col">
             <button