till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-15 23:39:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🚸 ux(matrix-web): add settings access from chat sidebar

Browse source 
Add gear icon button next to the "new chat" button in the sidebar header
to provide easy access to the Settings page where users can manage their
profile, encryption settings, and logout.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Till-JS 2026-01-29 18:36:18 +01:00
parent 59d5d20e0a
commit f6517733e2
1 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

25
apps/matrix/apps/web/src/routes/(app)/chat/+page.svelte
View file

@ -3,7 +3,7 @@
import { RoomList, RoomHeader, Timeline, MessageInput } from '$lib/components/chat';
import CreateRoomDialog from '$lib/components/chat/CreateRoomDialog.svelte';
import RoomSettingsPanel from '$lib/components/chat/RoomSettingsPanel.svelte';
import { ChatCircle, Plus } from '@manacore/shared-icons';
import { ChatCircle, Plus, Gear } from '@manacore/shared-icons';
import { browser } from '$app/environment';
// Start with sidebar closed on mobile
@ -76,13 +76,22 @@
<div class="border-b border-black/10 dark:border-white/10 px-4 py-3">
<div class="flex items-center justify-between">
<p class="truncate text-sm font-medium">{matrixStore.userId}</p>
<button
class="p-1.5 rounded-lg hover:bg-black/5 dark:hover:bg-white/10 transition-colors"
title="Neuer Chat"
onclick={() => (showCreateRoom = true)}
>
<Plus class="h-4 w-4" />
</button>
<div class="flex items-center gap-1">
<a
href="/settings"
class="p-1.5 rounded-lg hover:bg-black/5 dark:hover:bg-white/10 transition-colors"
title="Einstellungen"
>
<Gear class="h-4 w-4" />
</a>
<button
class="p-1.5 rounded-lg hover:bg-black/5 dark:hover:bg-white/10 transition-colors"
title="Neuer Chat"
onclick={() => (showCreateRoom = true)}
>
<Plus class="h-4 w-4" />
</button>
</div>
</div>
<p class="flex items-center gap-1.5 text-xs text-muted-foreground mt-0.5">
<span class="h-2 w-2 rounded-full bg-green-500"></span>