fix: Load spaces on app start

lib/pages/chat_list/chat_list.dart

@@ -49,7 +49,10 @@ class ChatListController extends State<ChatList> {
   StreamSubscription _intentUriStreamSubscription;
 
   String _activeSpaceId;
-  String get activeSpaceId => _activeSpaceId;
+  String get activeSpaceId =>
+      Matrix.of(context).client.getRoomById(_activeSpaceId) == null
+          ? null
+          : _activeSpaceId;
   final ScrollController scrollController = ScrollController();
   bool scrolledToTop = true;
 
@@ -160,11 +163,9 @@ class ChatListController extends State<ChatList> {
   @override
   void initState() {
     _initReceiveSharingIntent();
-    WidgetsBinding.instance.addPostFrameCallback(
-      (_) => waitForFirstSync.then((_) => checkBootstrap()),
-    );
+
     scrollController.addListener(_onScroll);
-    waitForFirstSync = _waitForFirstSync();
+    _waitForFirstSync();
     super.initState();
   }
 
@@ -433,7 +434,7 @@ class ChatListController extends State<ChatList> {
       Matrix.of(context).client.getRoomById(roomId).pushRuleState ==
       PushRuleState.notify);
 
-  Future<void> waitForFirstSync;
+  bool waitForFirstSync = false;
 
   Future<void> _waitForFirstSync() async {
     final client = Matrix.of(context).client;
@@ -452,7 +453,11 @@ class ChatListController extends State<ChatList> {
         await space.requestParticipants();
       }
     }
-    return true;
+    setState(() {
+      waitForFirstSync = true;
+    });
+    WidgetsBinding.instance.addPostFrameCallback((_) => checkBootstrap());
+    return;
   }
 
   void cancelAction() {

lib/pages/chat_list/chat_list_view.dart

@@ -221,10 +221,9 @@ class _ChatListViewBody extends StatelessWidget {
           .where((s) => s.hasRoomUpdate)
           .rateLimit(const Duration(seconds: 1)),
       builder: (context, snapshot) {
-        return FutureBuilder<void>(
-          future: controller.waitForFirstSync,
-          builder: (BuildContext context, snapshot) {
-            if (snapshot.connectionState == ConnectionState.done) {
+        return Builder(
+          builder: (context) {
+            if (controller.waitForFirstSync) {
               final rooms = Matrix.of(context)
                   .client
                   .rooms

lib/pages/chat_list/spaces_bottom_bar.dart

@@ -6,6 +6,7 @@ import 'package:salomon_bottom_bar/salomon_bottom_bar.dart';
 
 import 'package:fluffychat/pages/chat_list/chat_list.dart';
 import 'package:fluffychat/widgets/avatar.dart';
+import 'package:fluffychat/widgets/matrix.dart';
 
 class SpacesBottomBar extends StatelessWidget {
   final ChatListController controller;
@@ -21,7 +22,14 @@ class SpacesBottomBar extends StatelessWidget {
     return Material(
       color: Theme.of(context).appBarTheme.backgroundColor,
       elevation: 6,
-      child: SalomonBottomBar(
+      child: StreamBuilder<Object>(
+          stream: Matrix.of(context).client.onSync.stream.where((sync) =>
+              (sync.rooms?.join?.values?.any((r) =>
+                      r.state?.any((s) => s.type.startsWith('m.space'))) ??
+                  false) ||
+              (sync.rooms?.leave?.isNotEmpty ?? false)),
+          builder: (context, snapshot) {
+            return SalomonBottomBar(
               itemPadding: const EdgeInsets.all(8),
               currentIndex: currentIndex,
               onTap: (i) => controller.setActiveSpaceId(
@@ -56,7 +64,8 @@ class SpacesBottomBar extends StatelessWidget {
                         ))
                     .toList(),
               ],
-      ),
+            );
+          }),
     );
   }
 }