[+] Telegram and QQ join link

This commit is contained in:
Clansty
2024-09-22 19:41:47 +08:00
parent 6b51155bac
commit 5c634d6ff9
10 changed files with 1105 additions and 10 deletions

View File

@@ -9,6 +9,7 @@
import ActionCard from "../components/ActionCard.svelte";
import { t } from "../libs/i18n";
import ImportDataAction from "./Home/ImportDataAction.svelte";
import Communities from "./Home/Communities.svelte";
USER.ensureLoggedIn();
@@ -46,9 +47,9 @@
{/if}
</ActionCard>
<ActionCard color="82, 93, 233" icon="ic:baseline-discord" on:click={() => window.location.href = DISCORD_INVITE}>
<h3>{t('home.join-discord')}</h3>
<span>{t('home.join-discord-description')}</span>
<ActionCard color="82, 93, 233" icon="fluent:chat-12-filled" on:click={() => tab = 3}>
<h3>{t('home.join-community')}</h3>
<span>{t('home.join-community-description')}</span>
</ActionCard>
<ActionCard on:click={() => tab = 2} icon="uil:link-alt">
@@ -66,6 +67,10 @@
<div out:fade={FADE_OUT} in:fade={FADE_IN}>
<SetupInstructions/>
</div>
{:else if tab === 3}
<div out:fade={FADE_OUT} in:fade={FADE_IN}>
<Communities/>
</div>
{/if}
</main>

View File

@@ -0,0 +1,26 @@
<!-- Svelte 4.2.11 -->
<script lang="ts">
import { t } from "../../libs/i18n";
import CommunityCard from "../../components/CommunityCard.svelte";
import { DISCORD_INVITE, QQ_INVITE, TELEGRAM_INVITE } from "../../libs/config";
</script>
<div class="setup-instructions">
<h2>{t('home.join-community')}</h2>
<div class="grid cols-3 gap-4">
<CommunityCard color="82, 93, 233" icon="ic:baseline-discord" on:click={() => window.location.href = DISCORD_INVITE}>
<h3>Discord</h3>
</CommunityCard>
<CommunityCard color="46, 163, 224" icon="mingcute:telegram-fill" on:click={() => window.location.href = TELEGRAM_INVITE}>
<h3>Telegram</h3>
</CommunityCard>
<CommunityCard color="226, 60, 68" icon="ri:qq-fill" on:click={() => window.location.href = QQ_INVITE}>
<h3>QQ</h3>
</CommunityCard>
</div>
</div>
<style lang="sass">
</style>