diff --git a/src/ui/web/session/SessionView.js b/src/ui/web/session/SessionView.js
index eb8d3153..63fe819d 100644
--- a/src/ui/web/session/SessionView.js
+++ b/src/ui/web/session/SessionView.js
@@ -19,6 +19,7 @@ import {RoomView} from "./room/RoomView.js";
 import {TemplateView} from "../general/TemplateView.js";
 import {RoomPlaceholderView} from "./RoomPlaceholderView.js";
 import {SessionStatusView} from "./SessionStatusView.js";
+import {RoomGridView} from "./RoomGridView.js";
 
 export class SessionView extends TemplateView {
     render(t, vm) {
@@ -31,11 +32,14 @@ export class SessionView extends TemplateView {
             t.view(new SessionStatusView(vm.sessionStatusViewModel)),
             t.div({className: "main"}, [
                 t.view(new LeftPanelView(vm.leftPanelViewModel)),
-                t.mapView(vm => vm.currentRoom, currentRoom => {
-                    if (currentRoom) {
-                        return new RoomView(currentRoom);
-                    } else {
-                        return new RoomPlaceholderView();
+                t.mapView(vm => vm.middlePanelViewType, middlePanelViewType => {
+                    switch (middlePanelViewType) {
+                        case "room":
+                            return new RoomView(vm.currentRoom);
+                        case "roomgrid":
+                            return new RoomGridView(vm.roomGridViewModel);
+                        case "placeholder":
+                            return new RoomPlaceholderView();
                     }
                 })
             ])