n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/roomview: add explore state button to header

Browse source
This commit is contained in:
Tulir Asokan 2025-03-02 20:31:25 +02:00
parent aeabda449d
commit e6242a9c37
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/src/ui/roomview/RoomViewHeader.tsx
View file

@ -19,8 +19,10 @@ import { RoomStateStore } from "@/api/statestore"
import { useEventAsState } from "@/util/eventdispatcher.ts" import { useEventAsState } from "@/util/eventdispatcher.ts"
import MainScreenContext from "../MainScreenContext.ts" import MainScreenContext from "../MainScreenContext.ts"
import { LightboxContext, NestableModalContext } from "../modal" import { LightboxContext, NestableModalContext } from "../modal"
import RoomStateExplorer from "../settings/RoomStateExplorer.tsx"
import SettingsView from "../settings/SettingsView.tsx" import SettingsView from "../settings/SettingsView.tsx"
import BackIcon from "@/icons/back.svg?react" import BackIcon from "@/icons/back.svg?react"
import CodeIcon from "@/icons/code.svg?react"
import PeopleIcon from "@/icons/group.svg?react" import PeopleIcon from "@/icons/group.svg?react"
import PinIcon from "@/icons/pin.svg?react" import PinIcon from "@/icons/pin.svg?react"
import SettingsIcon from "@/icons/settings.svg?react" import SettingsIcon from "@/icons/settings.svg?react"
@ -42,6 +44,14 @@ const RoomViewHeader = ({ room }: RoomViewHeaderProps) => {
content: <SettingsView room={room} />, content: <SettingsView room={room} />,
}) })
} }
const openRoomStateExplorer = () => {
openModal({
dimmed: true,
boxed: true,
innerBoxClass: "room-state-explorer-box",
content: <RoomStateExplorer room={room} />,
})
}
return <div className="room-header"> return <div className="room-header">
<button className="back" onClick={mainScreen.clearActiveRoom}><BackIcon/></button> <button className="back" onClick={mainScreen.clearActiveRoom}><BackIcon/></button>
<img <img
@ -71,6 +81,7 @@ const RoomViewHeader = ({ room }: RoomViewHeaderProps) => {
onClick={mainScreen.clickRightPanelOpener} onClick={mainScreen.clickRightPanelOpener}
title="Room Members" title="Room Members"
><PeopleIcon/></button> ><PeopleIcon/></button>
<button title="Explore room state" onClick={openRoomStateExplorer}><CodeIcon/></button>
<button title="Room Settings" onClick={openSettings}><SettingsIcon/></button> <button title="Room Settings" onClick={openSettings}><SettingsIcon/></button>
</div> </div>
</div> </div>