Minor usability improvements (#2405)
authorGimle Larpes <97182804+GimleLarpes@users.noreply.github.com>
Tue, 5 Aug 2025 13:29:04 +0000 (16:29 +0300)
committerGitHub <noreply@github.com>
Tue, 5 Aug 2025 13:29:04 +0000 (18:59 +0530)
* usability improvements

* revert change

* requested change

src/app/components/editor/Toolbar.tsx
src/app/features/common-settings/general/RoomPublish.tsx
src/app/features/room/RoomViewHeader.tsx
src/app/pages/client/sidebar/SettingsTab.tsx

index 17ba6bc2fd765f67f6ee0dff55248ec0a1a1030e..7d701c424b05cd18e6e0b60437c2c7799129d1a3 100644 (file)
@@ -339,7 +339,7 @@ export function Toolbar() {
           <Box className={css.MarkdownBtnBox} shrink="No" grow="Yes" justifyContent="End">
             <TooltipProvider
               align="End"
-              tooltip={<BtnTooltip text="Toggle Markdown" />}
+              tooltip={<BtnTooltip text={isMarkdown ? 'Disable Markdown' : 'Enable Markdown'} />}
               delay={500}
             >
               {(triggerRef) => (
index 57a0114dd6b033e8e7223fbcddc88c3dbb2bd715..9edfe89b8b6f82ee5ab138122d9342b048b14087 100644 (file)
@@ -47,7 +47,12 @@ export function RoomPublish({ powerLevels }: RoomPublishProps) {
       gap="400"
     >
       <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={
           <Box gap="200" alignItems="Center">
             {loading && <Spinner variant="Secondary" />}
index 63e9d55d4b4a6d20fb884b908041586f08a82505..d8e2e8b92b3417f5b1ac8b5939c69d189a444d3e 100644 (file)
@@ -34,7 +34,7 @@ import { RoomTopicViewer } from '../../components/room-topic-viewer';
 import { StateEvent } from '../../../types/matrix/room';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
 import { useRoom } from '../../hooks/useRoom';
-import { useSetSetting, useSetting } from '../../state/hooks/settings';
+import { useSetting } from '../../state/hooks/settings';
 import { settingsAtom } from '../../state/settings';
 import { useSpaceOptionally } from '../../hooks/useSpace';
 import { getHomeSearchPath, getSpaceSearchPath, withSearchParam } from '../../pages/pathUtils';
@@ -260,7 +260,7 @@ export function RoomViewHeader() {
     ? mxcUrlToHttp(mx, avatarMxc, useAuthentication, 96, 96, 'crop') ?? undefined
     : undefined;
 
-  const setPeopleDrawer = useSetSetting(settingsAtom, 'isPeopleDrawer');
+  const [peopleDrawer, setPeopleDrawer] = useSetting(settingsAtom, 'isPeopleDrawer');
 
   const handleSearchClick = () => {
     const searchParams: _SearchPathSearchParams = {
@@ -434,7 +434,7 @@ export function RoomViewHeader() {
               offset={4}
               tooltip={
                 <Tooltip>
-                  <Text>Members</Text>
+                  <Text>{peopleDrawer ? 'Hide Members' : 'Show Members'}</Text>
                 </Tooltip>
               }
             >
index 83cd118ca1e145280951850e3bd192d304c9d952..bb2121846b704010d28f55349cfbc96bac332f81 100644 (file)
@@ -28,7 +28,7 @@ export function SettingsTab() {
 
   return (
     <SidebarItem active={settings}>
-      <SidebarItemTooltip tooltip={displayName}>
+      <SidebarItemTooltip tooltip="User Settings">
         {(triggerRef) => (
           <SidebarAvatar as="button" ref={triggerRef} onClick={openSettings}>
             <UserAvatar