Check room encryption earlier

src/components/structures/RoomView.tsx

@@ -713,6 +713,11 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
         if (initial) {
             this.setupRoom(newState.room, newState.roomId, !!newState.joining, !!newState.shouldPeek);
         }
+
+        // We don't block the initial setup but we want to make it early to not block the timeline rendering
+        this.setState({
+            isRoomEncrypted: roomId ? await this.getIsRoomEncrypted(roomId) : null,
+        });
     };
 
     private onConnectedCalls = (): void => {
@@ -863,7 +868,7 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
         return isManuallyShown && widgets.length > 0;
     }
 
-    public async componentDidMount(): Promise<void> {
+    public componentDidMount(): void {
         this.unmounted = false;
 
         this.dispatcherRef = defaultDispatcher.register(this.onAction);