mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[refactor] performance improvements

Browse Source
This commit is contained in:
kwaroran
2023-05-21 20:09:14 +09:00
parent e5de7a7e38
commit 843ad49842
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/SideBars/Sidebar.svelte
View File

@@ -73,6 +73,7 @@
}
let charImages: string[] = [];
let IconRounded = false
const unsub = DataBase.subscribe((db) => {
let newCharImages: string[] = [];
@@ -82,6 +83,9 @@
if (!isEqual(charImages, newCharImages)) {
charImages = newCharImages;
}
if(IconRounded !== db.roundIcons){
IconRounded = db.roundIcons
}
});
onDestroy(unsub);
@@ -117,7 +121,7 @@
}}
tabindex="0"
>
<SidebarAvatar src={getCharImage($DataBase.characters[i].image, "plain")} size="56" />
<SidebarAvatar src={getCharImage($DataBase.characters[i].image, "plain")} size="56" rounded={IconRounded} />
</div>
{:else}
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
@@ -132,7 +136,7 @@
}}
tabindex="0"
>
<SidebarAvatar size="56" src="https://via.placeholder.com/150" />
<SidebarAvatar size="56" src="https://via.placeholder.com/150" rounded={IconRounded} />
</div>
{/if}
{#if editMode}

9
src/lib/SideBars/SidebarAvatar.svelte
View File

@@ -1,6 +1,5 @@
<script lang="ts">
import { DataBase } from "src/ts/database";
export let rounded:boolean
export let src:string|Promise<string>;
export let size = "22";
</script>
@@ -13,7 +12,7 @@
style:width={size + "px"}
style:height={size + "px"}
style:minWidth={size + "px"}
class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}
class:rounded-md={!rounded} class:rounded-full={rounded}
/>
{:then img}
<img
@@ -22,7 +21,7 @@
style:width={size + "px"}
style:height={size + "px"}
style:minWidth={size + "px"}
class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}
class:rounded-md={!rounded} class:rounded-full={rounded}
alt="avatar"
/>
{/await}
@@ -32,7 +31,7 @@
style:width={size + "px"}
style:height={size + "px"}
style:minWidth={size + "px"}
class:rounded-md={!$DataBase.roundIcons} class:rounded-full={$DataBase.roundIcons}
class:rounded-md={!rounded} class:rounded-full={rounded}
/>
{/if}
</span>