[ref] hub

src/lib/UI/MainMenu.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
   import { appVer, webAppSubVer } from "src/ts/storage/database";
   import GithubStars from "../Others/GithubStars.svelte";
-  import Hub from "./Hub.svelte";
+  import Hub from "./Realm/RealmMain.svelte";
   import { sideBarStore } from "src/ts/stores";
   import { ArrowLeft } from "lucide-svelte";
   import { isNodeServer, isTauri, openURL } from "src/ts/storage/globalApi";
   import { language } from "src/lang";
   import { getRisuHub } from "src/ts/characterCards";
-  import RisuHubIcon from "./RisuHubIcon.svelte";
+  import RisuHubIcon from "./Realm/RealmHubIcon.svelte";
   let openHub = false
 </script>
 <div class="h-full w-full flex flex-col overflow-y-auto items-center">

src/lib/UI/Realm/RealmMain.svelte

@@ -4,9 +4,9 @@
     import { alertConfirm, alertInput, alertNormal } from "src/ts/alert";
     import { parseMarkdownSafe } from "src/ts/parser";
     import { language } from "src/lang";
-    import RisuHubIcon from "./RisuHubIcon.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";
 
     let openedData:null|hubType = null
 

src/lib/UI/Realm/RealmUpload.svelte

@@ -67,9 +67,9 @@
   import { alertError } from "src/ts/alert";
   import { shareRisuHub } from "src/ts/characterCards";
     import { DataBase, type character } from "src/ts/storage/database";
-  import TextInput from "./GUI/TextInput.svelte";
-  import TextAreaInput from "./GUI/TextAreaInput.svelte";
-  import Button from "./GUI/Button.svelte";
+  import TextInput from "../GUI/TextInput.svelte";
+  import TextAreaInput from "../GUI/TextAreaInput.svelte";
+  import Button from "../GUI/Button.svelte";
     export let close = () => {}
     export let char:character
     let tags=""