avoid nested ternary operator

2025-04-14 17:25:42 +01:00
parent 57f5832a63
commit 8b1d0f5aff
1 changed files with 9 additions and 2 deletions
--- a/src/components/views/rooms/RoomListPanel/RoomListView.tsx
+++ b/src/components/views/rooms/RoomListPanel/RoomListView.tsx
@@ -19,11 +19,18 @@ import Spinner from "../../elements/Spinner";
 export function RoomListView(): JSX.Element {
    const vm = useRoomListViewModel();
    const isRoomListEmpty = vm.rooms.length === 0;
-
+    let listBody;
+    if (vm.isLoadingRooms) {
+        listBody = <Spinner />;
+    } else if (isRoomListEmpty) {
+        listBody = <EmptyRoomList vm={vm} />;
+    } else {
+        listBody = <RoomList vm={vm} />;
+    }
    return (
        <>
            <RoomListPrimaryFilters vm={vm} />
-            {vm.isLoadingRooms ? <Spinner /> : isRoomListEmpty ? <EmptyRoomList vm={vm} /> : <RoomList vm={vm} />}
+            {listBody}
        </>
    );
 }