RNS-Things/MeshChatX
2
0
Fork 0
Code Issues 8 Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

refactor(App.vue): remove audio calls section to streamline the user interface and improve overall component clarity

Browse Source
This commit is contained in:
ivan
2026-01-01 19:53:51 -06:00
parent 54b4c92d4f
commit af4157c5ad
1 changed files with 0 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
meshchatx/src/frontend/components/App.vue
View File

@@ -355,63 +355,6 @@
</div>
</div>
</div>
<!-- audio calls -->
<div
v-if="config"
class="bg-white/80 border-t dark:bg-zinc-900/70 dark:border-zinc-800 pb-3"
>
<div
class="flex text-gray-700 p-3 cursor-pointer"
@click="isShowingCallsSection = !isShowingCallsSection"
>
<div class="my-auto mr-2">
<MaterialDesignIcon icon-name="phone" class="dark:text-white w-6 h-6" />
</div>
<div class="my-auto dark:text-white">{{ $t("app.calls") }}</div>
<div class="ml-auto">
<RouterLink
:to="{ name: 'call' }"
class="inline-flex items-center justify-center w-8 h-8 rounded-lg bg-gray-100 dark:bg-zinc-800 hover:bg-gray-200 dark:hover:bg-zinc-700 text-gray-700 dark:text-zinc-300 transition-colors"
>
<MaterialDesignIcon
icon-name="phone"
class="w-3.5 h-3.5 flex-shrink-0"
/>
</RouterLink>
</div>
</div>
<div
v-if="isShowingCallsSection"
class="divide-y text-gray-900 border-t border-gray-200 dark:border-zinc-800"
>
<div class="p-2 flex dark:border-zinc-800 dark:text-white">
<div>
<div>{{ $t("app.status") }}</div>
<div class="text-sm text-gray-700 dark:text-white">
<div v-if="isTelephoneCallActive" class="flex space-x-2">
<span>{{ $t("app.active_call") }}</span>
</div>
<div v-else>{{ $t("app.hung_up_waiting") }}</div>
</div>
</div>
<div v-if="isTelephoneCallActive" class="ml-auto my-auto mr-1 space-x-2">
<!-- hangup all calls -->
<button
:title="$t('app.hangup_all_calls')"
type="button"
class="my-auto inline-flex items-center gap-x-1 rounded-full bg-red-500 p-2 text-sm font-semibold text-white shadow-sm hover:bg-red-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-500"
@click="hangupTelephoneCall"
>
<MaterialDesignIcon
icon-name="phone-hangup"
class="w-5 h-5 rotate-[135deg] translate-y-0.5"
/>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>