add selected navigation hooks

src/app/hooks/useDirectSelected.ts

@@ -0,0 +1,12 @@
+import { useMatch } from 'react-router-dom';
+import { getDirectPath } from '../pages/pathUtils';
+
+export const useDirectSelected = (): boolean => {
+  const directMatch = useMatch({
+    path: getDirectPath(),
+    caseSensitive: true,
+    end: false,
+  });
+
+  return !!directMatch;
+};

src/app/hooks/useHomeSelected.ts

@@ -0,0 +1,12 @@
+import { useMatch } from 'react-router-dom';
+import { getHomePath } from '../pages/pathUtils';
+
+export const useHomeSelected = (): boolean => {
+  const homeMatch = useMatch({
+    path: getHomePath(),
+    caseSensitive: true,
+    end: false,
+  });
+
+  return !!homeMatch;
+};

src/app/hooks/useSelectedRoom.ts

@@ -0,0 +1,15 @@
+import { useParams } from 'react-router-dom';
+import { getCanonicalAliasRoomId, isRoomAlias } from '../utils/matrix';
+import { useMatrixClient } from './useMatrixClient';
+
+export const useSelectedRoom = (): string | undefined => {
+  const mx = useMatrixClient();
+
+  const { roomIdOrAlias } = useParams();
+  const roomId =
+    roomIdOrAlias && isRoomAlias(roomIdOrAlias)
+      ? getCanonicalAliasRoomId(mx, roomIdOrAlias)
+      : roomIdOrAlias;
+
+  return roomId;
+};

src/app/hooks/useSelectedSpace.ts

@@ -0,0 +1,15 @@
+import { useParams } from 'react-router-dom';
+import { getCanonicalAliasRoomId, isRoomAlias } from '../utils/matrix';
+import { useMatrixClient } from './useMatrixClient';
+
+export const useSelectedSpace = (): string | undefined => {
+  const mx = useMatrixClient();
+
+  const { spaceIdOrAlias } = useParams();
+  const spaceId =
+    spaceIdOrAlias && isRoomAlias(spaceIdOrAlias)
+      ? getCanonicalAliasRoomId(mx, spaceIdOrAlias)
+      : spaceIdOrAlias;
+
+  return spaceId;
+};