[O] Communities

AquaNet/src/libs/i18n/en_ref.ts

@@ -122,6 +122,9 @@ export const EN_REF_HOME = {
   'home.setup.ask': 'If you have any questions, please ask in our',
   'home.setup.support': 'server',
   'home.setup.keychip-tips': 'This is your unique keychip, do not share it with anyone',
+  'home.community.discord': 'Discord',
+  'home.community.telegram': 'Telegram (Chinese)',
+  'home.community.qq': 'QQ (Chinese)',
   'home.import.unknown-game': 'Unknown game type. Currently only maimai and chunithm are supported for importing.',
   'home.import.new-data': 'Data to import',
   'home.import.data-conflict': 'Proceed will override your current data',

AquaNet/src/libs/i18n/zh.ts

@@ -129,6 +129,9 @@ const zhHome: typeof EN_REF_HOME = {
   'home.setup.ask': "如果您有任何问题，请加入我们的",
   'home.setup.support': "以获取支持",
   'home.setup.keychip-tips': "这是你的狗号，不要与任何人分享",
+  'home.community.discord': 'Discord',
+  'home.community.telegram': 'Telegram (中文)',
+  'home.community.qq': 'QQ (中文)',
   'home.import.unknown-game': '未知游戏类型 (目前导入只支持舞萌和中二)',
   'home.import.new-data': '要导入的数据',
   'home.import.data-conflict': '继续导入将覆盖现有数据',

AquaNet/src/pages/Home/Communities.svelte

@@ -9,15 +9,23 @@
 <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>
+    {#if DISCORD_INVITE}
+      <CommunityCard color="82, 93, 233" icon="ic:baseline-discord" on:click={() => window.location.href = DISCORD_INVITE}>
+        <h3>{t('home.community.discord')}</h3>
+      </CommunityCard>
+    {/if}
+
+    {#if TELEGRAM_INVITE}
+      <CommunityCard color="46, 163, 224" icon="mingcute:telegram-fill" on:click={() => window.location.href = TELEGRAM_INVITE}>
+        <h3>{t('home.community.telegram')}</h3>
+      </CommunityCard>
+    {/if}
+
+    {#if QQ_INVITE}
+      <CommunityCard color="226, 60, 68" icon="ri:qq-fill" on:click={() => window.location.href = QQ_INVITE}>
+        <h3>{t('home.community.qq')}</h3>
+      </CommunityCard>
+    {/if}
   </div>
 </div>