hidden shit, and online status bars, search settings

src/app/features/space/SpaceOptionsMenu.tsx

@@ -23,6 +23,7 @@ import { useRoomsUnread } from '../../state/hooks/unread';
 import { roomToUnreadAtom } from '../../state/room/roomToUnread';
 import { UseStateProvider } from '../../components/UseStateProvider';
 import { LeaveSpacePrompt } from '../../components/leave-space-prompt';
+import { RemoveInaccessiblePrompt } from '../../components/remove-inaccessible-prompt';
 import { InviteUserPrompt } from '../../components/invite-user-prompt';
 import { copyToClipboard } from '../../utils/dom';
 import { getCanonicalAliasOrRoomId, isRoomAlias } from '../../utils/matrix';
@@ -32,6 +33,7 @@ import { useNavigate } from 'react-router-dom';
 import { getSpaceFeedPath, getSpaceLobbyPath } from '../../pages/pathUtils';
 import { shouldShowForumLobby } from '../../utils/room';
 import { useSpaceFeedSelected } from '../../hooks/router/useSelectedSpace';
+import { StateEvent } from '../../../types/matrix/room';
 
 type ForumAddOptions = {
   item: HierarchyItem;
@@ -65,6 +67,7 @@ export const SpaceOptionsMenu = forwardRef<HTMLDivElement, SpaceOptionsMenuProps
 
     const permissions = useRoomPermissions(creators, powerLevels);
     const canInvite = permissions.action('invite', mx.getSafeUserId());
+    const canEditChildren = permissions.stateEvent(StateEvent.SpaceChild, mx.getSafeUserId());
     const openSpaceSettings = useOpenSpaceSettings();
     const { navigateRoom } = useRoomNavigate();
     const markRoomsAsRead = useMarkRoomsAsRead(mx);
@@ -304,6 +307,34 @@ export const SpaceOptionsMenu = forwardRef<HTMLDivElement, SpaceOptionsMenuProps
         </Box>
         <Line variant="Surface" size="300" />
         <Box direction="Column" gap="100" style={{ padding: config.space.S100 }}>
+          {canEditChildren && (
+            <UseStateProvider initial={false}>
+              {(promptRemove, setPromptRemove) => (
+                <>
+                  <MenuItem
+                    onClick={() => setPromptRemove(true)}
+                    variant="Critical"
+                    fill="None"
+                    size="300"
+                    after={<Icon size="100" src={Icons.Delete} />}
+                    radii="300"
+                    aria-pressed={promptRemove}
+                  >
+                    <Text style={{ flexGrow: 1 }} as="span" size="T300" truncate>
+                      Remove Inaccessible
+                    </Text>
+                  </MenuItem>
+                  {promptRemove && (
+                    <RemoveInaccessiblePrompt
+                      roomId={room.roomId}
+                      onDone={requestClose}
+                      onCancel={() => setPromptRemove(false)}
+                    />
+                  )}
+                </>
+              )}
+            </UseStateProvider>
+          )}
           <UseStateProvider initial={false}>
             {(promptLeave, setPromptLeave) => (
               <>