refactor: Pages folder structure

lib/pages/settings_multiple_emotes/settings_multiple_emotes.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+import 'package:vrouter/vrouter.dart';
+
+import 'settings_multiple_emotes_view.dart';
+
+class MultipleEmotesSettings extends StatefulWidget {
+  const MultipleEmotesSettings({Key key}) : super(key: key);
+
+  @override
+  MultipleEmotesSettingsController createState() =>
+      MultipleEmotesSettingsController();
+}
+
+class MultipleEmotesSettingsController extends State<MultipleEmotesSettings> {
+  String get roomId => VRouter.of(context).pathParameters['roomid'];
+  @override
+  Widget build(BuildContext context) => MultipleEmotesSettingsView(this);
+}

lib/pages/settings_multiple_emotes/settings_multiple_emotes_view.dart

@@ -0,0 +1,59 @@
+import 'package:flutter/material.dart';
+
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+import 'package:matrix/matrix.dart';
+import 'package:vrouter/vrouter.dart';
+
+import 'package:fluffychat/pages/settings_multiple_emotes/settings_multiple_emotes.dart';
+import 'package:fluffychat/widgets/matrix.dart';
+
+class MultipleEmotesSettingsView extends StatelessWidget {
+  final MultipleEmotesSettingsController controller;
+
+  const MultipleEmotesSettingsView(this.controller, {Key key})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final room = Matrix.of(context).client.getRoomById(controller.roomId);
+    return Scaffold(
+      appBar: AppBar(
+        leading: const BackButton(),
+        title: Text(L10n.of(context).emotePacks),
+      ),
+      body: StreamBuilder(
+        stream: room.onUpdate.stream,
+        builder: (context, snapshot) {
+          final packs =
+              room.states['im.ponies.room_emotes'] ?? <String, Event>{};
+          if (!packs.containsKey('')) {
+            packs[''] = null;
+          }
+          final keys = packs.keys.toList();
+          keys.sort();
+          return ListView.separated(
+              separatorBuilder: (BuildContext context, int i) => Container(),
+              itemCount: keys.length,
+              itemBuilder: (BuildContext context, int i) {
+                final event = packs[keys[i]];
+                var packName = keys[i].isNotEmpty ? keys[i] : 'Default Pack';
+                if (event != null && event.content['pack'] is Map) {
+                  if (event.content['pack']['displayname'] is String) {
+                    packName = event.content['pack']['displayname'];
+                  } else if (event.content['pack']['name'] is String) {
+                    packName = event.content['pack']['name'];
+                  }
+                }
+                return ListTile(
+                  title: Text(packName),
+                  onTap: () async {
+                    VRouter.of(context).toSegments(
+                        ['rooms', room.id, 'details', 'emotes', keys[i]]);
+                  },
+                );
+              });
+        },
+      ),
+    );
+  }
+}