Add publish to directory toggle in room settings (#2279)

src/app/hooks/useRoomDirectoryVisibility.ts

@@ -0,0 +1,35 @@
+import { useCallback, useEffect } from 'react';
+import { Visibility } from 'matrix-js-sdk';
+import { useAsyncCallback } from './useAsyncCallback';
+import { useMatrixClient } from './useMatrixClient';
+
+export const useRoomDirectoryVisibility = (roomId: string) => {
+  const mx = useMatrixClient();
+
+  const [visibilityState, loadVisibility] = useAsyncCallback(
+    useCallback(async () => {
+      const v = await mx.getRoomDirectoryVisibility(roomId);
+      return v.visibility === Visibility.Public;
+    }, [mx, roomId])
+  );
+
+  useEffect(() => {
+    loadVisibility();
+  }, [loadVisibility]);
+
+  const setVisibility = useCallback(
+    async (visibility: boolean) => {
+      await mx.setRoomDirectoryVisibility(
+        roomId,
+        visibility ? Visibility.Public : Visibility.Private
+      );
+      await loadVisibility();
+    },
+    [mx, roomId, loadVisibility]
+  );
+
+  return {
+    visibilityState,
+    setVisibility,
+  };
+};