✨ Call

2024-11-24 20:23:06 +08:00
parent 66f41179ba
commit 7221af75eb
31 changed files with 2769 additions and 46 deletions
--- a/lib/widgets/chat/call/call_participant_info.dart
+++ b/lib/widgets/chat/call/call_participant_info.dart
@ -0,0 +1,79 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:livekit_client/livekit_client.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+class ParticipantInfoWidget extends StatelessWidget {
+  final String? title;
+  final bool audioAvailable;
+  final ConnectionQuality connectionQuality;
+  final bool isScreenShare;
+
+  const ParticipantInfoWidget({
+    super.key,
+    this.title,
+    this.audioAvailable = true,
+    this.connectionQuality = ConnectionQuality.unknown,
+    this.isScreenShare = false,
+  });
+
+  @override
+  Widget build(BuildContext context) => Container(
+        color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
+        padding: const EdgeInsets.symmetric(
+          vertical: 7,
+          horizontal: 10,
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            if (title != null)
+              Flexible(
+                child: Text(
+                  title!,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(color: Colors.white),
+                ),
+              ),
+            const Gap(5),
+            isScreenShare
+                ? const Icon(
+                    Symbols.monitor,
+                    color: Colors.white,
+                    size: 16,
+                  )
+                : Icon(
+                    audioAvailable ? Symbols.mic : Symbols.mic_off,
+                    color: audioAvailable ? Colors.white : Colors.red,
+                    size: 16,
+                  ),
+            const Gap(3),
+            if (connectionQuality != ConnectionQuality.unknown)
+              Icon(
+                {
+                  ConnectionQuality.excellent: Symbols.signal_cellular_alt,
+                  ConnectionQuality.good: Symbols.signal_cellular_alt_2_bar,
+                  ConnectionQuality.poor: Symbols.signal_cellular_alt_1_bar,
+                }[connectionQuality],
+                color: {
+                  ConnectionQuality.excellent: Colors.green,
+                  ConnectionQuality.good: Colors.orange,
+                  ConnectionQuality.poor: Colors.red,
+                }[connectionQuality],
+                size: 16,
+              )
+            else
+              const SizedBox(
+                width: 12,
+                height: 12,
+                child: CircularProgressIndicator(
+                  color: Colors.white,
+                  strokeWidth: 2,
+                ),
+              ).padding(all: 3),
+          ],
+        ),
+      );
+}