64 lines
1.8 KiB
Dart
64 lines
1.8 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||
|
|
import 'package:draggable_float_widget/draggable_float_widget.dart';
|
||
|
|
import 'package:provider/provider.dart';
|
||
|
|
import 'package:solian/providers/chat.dart';
|
||
|
|
import 'package:solian/router.dart';
|
||
|
|
|
||
|
|
class CallOverlay extends StatelessWidget {
|
||
|
|
const CallOverlay({super.key});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
const radius = BorderRadius.all(Radius.circular(8));
|
||
|
|
|
||
|
|
final chat = context.watch<ChatProvider>();
|
||
|
|
|
||
|
|
if (chat.isShown || chat.call == null) {
|
||
|
|
return Container();
|
||
|
|
}
|
||
|
|
|
||
|
|
return DraggableFloatWidget(
|
||
|
|
config: const DraggableFloatWidgetBaseConfig(
|
||
|
|
initPositionYInTop: false,
|
||
|
|
initPositionYMarginBorder: 50,
|
||
|
|
borderTopContainTopBar: true,
|
||
|
|
borderBottom: defaultBorderWidth,
|
||
|
|
borderLeft: 8,
|
||
|
|
),
|
||
|
|
child: Material(
|
||
|
|
elevation: 6,
|
||
|
|
color: Colors.transparent,
|
||
|
|
borderRadius: radius,
|
||
|
|
child: ClipRRect(
|
||
|
|
borderRadius: radius,
|
||
|
|
child: Container(
|
||
|
|
height: 80,
|
||
|
|
width: 80,
|
||
|
|
color: Theme.of(context).colorScheme.secondaryContainer,
|
||
|
|
child: Column(
|
||
|
|
mainAxisSize: MainAxisSize.max,
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.call, size: 18),
|
||
|
|
const SizedBox(height: 4),
|
||
|
|
Text(
|
||
|
|
AppLocalizations.of(context)!.chatCallOngoingShort,
|
||
|
|
style: const TextStyle(fontSize: 12),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
onTap: () {
|
||
|
|
router.pushNamed(
|
||
|
|
'chat.channel.call',
|
||
|
|
extra: chat.call!.info,
|
||
|
|
pathParameters: {'channel': chat.call!.channel.alias},
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|