Minor usability improvements (#2405)
Some checks failed
Deploy to Netlify (dev) / Deploy to Netlify (push) Has been cancelled

* usability improvements

* revert change

* requested change
This commit is contained in:
Gimle Larpes 2025-08-05 16:29:04 +03:00 committed by GitHub
parent 13961d501f
commit a41dee4a55
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 11 additions and 6 deletions

View file

@ -339,7 +339,7 @@ export function Toolbar() {
<Box className={css.MarkdownBtnBox} shrink="No" grow="Yes" justifyContent="End"> <Box className={css.MarkdownBtnBox} shrink="No" grow="Yes" justifyContent="End">
<TooltipProvider <TooltipProvider
align="End" align="End"
tooltip={<BtnTooltip text="Toggle Markdown" />} tooltip={<BtnTooltip text={isMarkdown ? 'Disable Markdown' : 'Enable Markdown'} />}
delay={500} delay={500}
> >
{(triggerRef) => ( {(triggerRef) => (

View file

@ -47,7 +47,12 @@ export function RoomPublish({ powerLevels }: RoomPublishProps) {
gap="400" gap="400"
> >
<SettingTile <SettingTile
title="Publish To Directory" title="Publish to Directory"
description={
room.isSpaceRoom()
? 'List the space in the public directory to make it discoverable by others.'
: 'List the room in the public directory to make it discoverable by others.'
}
after={ after={
<Box gap="200" alignItems="Center"> <Box gap="200" alignItems="Center">
{loading && <Spinner variant="Secondary" />} {loading && <Spinner variant="Secondary" />}

View file

@ -34,7 +34,7 @@ import { RoomTopicViewer } from '../../components/room-topic-viewer';
import { StateEvent } from '../../../types/matrix/room'; import { StateEvent } from '../../../types/matrix/room';
import { useMatrixClient } from '../../hooks/useMatrixClient'; import { useMatrixClient } from '../../hooks/useMatrixClient';
import { useRoom } from '../../hooks/useRoom'; import { useRoom } from '../../hooks/useRoom';
import { useSetSetting, useSetting } from '../../state/hooks/settings'; import { useSetting } from '../../state/hooks/settings';
import { settingsAtom } from '../../state/settings'; import { settingsAtom } from '../../state/settings';
import { useSpaceOptionally } from '../../hooks/useSpace'; import { useSpaceOptionally } from '../../hooks/useSpace';
import { getHomeSearchPath, getSpaceSearchPath, withSearchParam } from '../../pages/pathUtils'; import { getHomeSearchPath, getSpaceSearchPath, withSearchParam } from '../../pages/pathUtils';
@ -260,7 +260,7 @@ export function RoomViewHeader() {
? mxcUrlToHttp(mx, avatarMxc, useAuthentication, 96, 96, 'crop') ?? undefined ? mxcUrlToHttp(mx, avatarMxc, useAuthentication, 96, 96, 'crop') ?? undefined
: undefined; : undefined;
const setPeopleDrawer = useSetSetting(settingsAtom, 'isPeopleDrawer'); const [peopleDrawer, setPeopleDrawer] = useSetting(settingsAtom, 'isPeopleDrawer');
const handleSearchClick = () => { const handleSearchClick = () => {
const searchParams: _SearchPathSearchParams = { const searchParams: _SearchPathSearchParams = {
@ -434,7 +434,7 @@ export function RoomViewHeader() {
offset={4} offset={4}
tooltip={ tooltip={
<Tooltip> <Tooltip>
<Text>Members</Text> <Text>{peopleDrawer ? 'Hide Members' : 'Show Members'}</Text>
</Tooltip> </Tooltip>
} }
> >

View file

@ -28,7 +28,7 @@ export function SettingsTab() {
return ( return (
<SidebarItem active={settings}> <SidebarItem active={settings}>
<SidebarItemTooltip tooltip={displayName}> <SidebarItemTooltip tooltip="User Settings">
{(triggerRef) => ( {(triggerRef) => (
<SidebarAvatar as="button" ref={triggerRef} onClick={openSettings}> <SidebarAvatar as="button" ref={triggerRef} onClick={openSettings}>
<UserAvatar <UserAvatar