refactor: Optimize imports in RealmMain.svelte

This commit is contained in:
kwaroran
2024-05-24 22:42:27 +09:00
parent 2287d2e219
commit 38a7e514ac

View File

@@ -1,14 +1,12 @@
<script lang="ts"> <script lang="ts">
import { downloadRisuHub, getRisuHub, hubURL, type hubType } from "src/ts/characterCards"; import { downloadRisuHub, getRisuHub, type hubType } from "src/ts/characterCards";
import { ArrowLeft, ArrowRight, BookIcon, DownloadIcon, FlagIcon, MenuIcon, PaperclipIcon, SearchIcon, SmileIcon, TrashIcon, XIcon } from "lucide-svelte"; import { ArrowLeft, ArrowRight, MenuIcon, SearchIcon, XIcon } from "lucide-svelte";
import { alertConfirm, alertInput, alertNormal } from "src/ts/alert"; import { alertInput } from "src/ts/alert";
import { parseMarkdownSafe } from "src/ts/parser";
import { language } from "src/lang"; import { language } from "src/lang";
import RisuHubIcon from "./RealmHubIcon.svelte"; import RisuHubIcon from "./RealmHubIcon.svelte";
import { DataBase } from "src/ts/storage/database";
import TextInput from "../GUI/TextInput.svelte"; import TextInput from "../GUI/TextInput.svelte";
import RealmPopUp from "./RealmPopUp.svelte";
import { SizeStore } from "src/ts/stores"; import { SizeStore } from "src/ts/stores";
import { Capacitor } from "@capacitor/core";
let openedData:null|hubType = null let openedData:null|hubType = null
@@ -56,12 +54,14 @@
</div> </div>
</div> </div>
<div class="w-full p-1 flex mb-3 overflow-x-auto sm:justify-center"> <div class="w-full p-1 flex mb-3 overflow-x-auto sm:justify-center">
<button class="bg-darkbg p-2 rounded-lg ml-2 flex justify-center items-center hover:bg-selected transition-shadow" class:ring={nsfw} on:click={() => { {#if !Capacitor.isNativePlatform()}
nsfw = !nsfw <button class="bg-darkbg p-2 rounded-lg ml-2 flex justify-center items-center hover:bg-selected transition-shadow" class:ring={nsfw} on:click={() => {
getHub() nsfw = !nsfw
}}> getHub()
NSFW }}>
</button> NSFW
</button>
{/if}
<div class="ml-2 mr-2 h-full border-r border-r-selected"></div> <div class="ml-2 mr-2 h-full border-r border-r-selected"></div>
<button class="bg-darkbg p-2 rounded-lg ml-2 flex justify-center items-center hover:bg-selected transition-shadow" class:ring={sort === ''} on:click={() => { <button class="bg-darkbg p-2 rounded-lg ml-2 flex justify-center items-center hover:bg-selected transition-shadow" class:ring={sort === ''} on:click={() => {
sort = '' sort = ''