[feat] added community links

src/lang/en.ts

@@ -254,5 +254,6 @@ export const languageEnglish = {
     otherBots:'Other Bots',
     user:"User",
     additionalAssets:"Additional Assets",
-    editDisplay: "Modify Display"
+    editDisplay: "Modify Display",
+    community: "Community"
 }

src/lang/ko.ts

@@ -238,6 +238,7 @@ export const languageKorean = {
     chatBot:'채팅 봇',
     otherBots:'기타 봇',
     user:"유저",
-    editDisplay: "디스플레이 수정"
+    editDisplay: "디스플레이 수정",
+    community: "커뮤니티"
 
 }

src/lib/Setting/Pages/Communities.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+    import { language } from "src/lang";
+    import { openURL } from "src/ts/globalApi";
+</script>
+
+<h2 class="mb-2 text-2xl font-bold mt-2">{language.community}</h2>
+<button
+    on:click={async () => {openURL("https://github.com/kwaroran/RisuAI")}}
+    class="drop-shadow-lg p-3 border-borderc border-solid mt-2 flex justify-center items-center ml-2 mr-2 border-1 hover:bg-selected text-sm">
+    Github
+</button>
+<button
+    on:click={async () => {openURL("https://discord.gg/JzP8tB9ZK8")}}
+    class="drop-shadow-lg p-3 border-borderc border-solid mt-2 flex justify-center items-center ml-2 mr-2 border-1 hover:bg-selected text-sm">
+    Discord
+</button>

src/lib/Setting/Settings.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { ActivityIcon, BotIcon, CodeIcon, FolderIcon, MonitorIcon, Sailboat, UserIcon, XCircleIcon } from "lucide-svelte";
+    import { ActivityIcon, BotIcon, BoxIcon, CodeIcon, FolderIcon, MonitorIcon, Sailboat, UserIcon, XCircleIcon } from "lucide-svelte";
     import { language } from "src/lang";
     import DisplaySettings from "./Pages/DisplaySettings.svelte";
     import UserSettings from "./Pages/UserSettings.svelte";
@@ -10,6 +10,7 @@
     import AdvancedSettings from "./Pages/AdvancedSettings.svelte";
     import { SizeStore, settingsOpen } from "src/ts/stores";
     import Botpreset from "./botpreset.svelte";
+  import Communities from "./Pages/Communities.svelte";
     let selected = -1
     let openPresetList = false
     if(window.innerWidth >= 700){
@@ -64,6 +65,12 @@
                     <ActivityIcon />
                     <span>{language.advancedSettings}</span>
                 </button>
+                <button class="text-gray-400 flex gap-2 items-center hover:text-gray-200" class:text-white={selected === 7} on:click={() => {
+                    selected = 7
+                }}>
+                    <BoxIcon />
+                    <span>{language.community}</span>
+                </button>
                 {#if window.innerWidth < 700}
                     <button class="absolute top-2 right-2 hover:text-green-500 text-white" on:click={() => {
                         settingsOpen.set(false)
@@ -87,6 +94,8 @@
                     <FilesSettings />
                 {:else if selected === 6}
                     <AdvancedSettings />
+                {:else if selected === 7}
+                    <Communities />
                 {/if}
                 <button class="absolute top-2 right-2 hover:text-green-500" on:click={() => {
                     if(window.innerWidth >= 700){

src/ts/globalApi.ts

@@ -5,6 +5,7 @@ import { convertFileSrc, invoke } from "@tauri-apps/api/tauri"
 import { v4 as uuidv4 } from 'uuid';
 import { appDataDir, join } from "@tauri-apps/api/path";
 import { get } from "svelte/store";
+import {open} from '@tauri-apps/api/shell'
 import { DataBase, loadedStore, setDatabase, type Database, updateTextTheme, defaultSdDataFunc } from "./database";
 import pako from "pako";
 import { appWindow } from "@tauri-apps/api/window";
@@ -661,4 +662,13 @@ export function getRequestLog(){
     }
     console.log(logString)
     return logString
+}
+
+export function openURL(url:string){
+    if(isTauri){
+        open(url)
+    }
+    else{
+        window.open(url, "_blank")
+    }
 }