254 lines
9.3 KiB
Dart
254 lines
9.3 KiB
Dart
import 'package:flutterflow_ui/flutterflow_ui.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'conversation_options_model.dart';
|
|
export 'conversation_options_model.dart';
|
|
|
|
class ConversationOptionsWidget extends StatefulWidget {
|
|
const ConversationOptionsWidget({super.key});
|
|
|
|
@override
|
|
State<ConversationOptionsWidget> createState() =>
|
|
_ConversationOptionsWidgetState();
|
|
}
|
|
|
|
class _ConversationOptionsWidgetState extends State<ConversationOptionsWidget> {
|
|
late ConversationOptionsModel _model;
|
|
|
|
@override
|
|
void setState(VoidCallback callback) {
|
|
super.setState(callback);
|
|
_model.onUpdate();
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_model = createModel(context, () => ConversationOptionsModel());
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_model.maybeDispose();
|
|
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
color: AppAppAppAppAppAppAppAppAppTheme.secondaryBackground,
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(0, 12, 0, 24),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
width: double.infinity,
|
|
height: 60,
|
|
decoration: const BoxDecoration(),
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 8, 12, 8),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Card(
|
|
clipBehavior: Clip.antiAliasWithSaveLayer,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.primaryBackground,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(40),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Icon(
|
|
Icons.share_rounded,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.secondaryText,
|
|
size: 20,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 0, 0, 0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Share',
|
|
style: AppAppAppAppAppAppAppAppAppTheme
|
|
.labelLarge
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
letterSpacing: 0,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 60,
|
|
decoration: const BoxDecoration(),
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 8, 12, 8),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Card(
|
|
clipBehavior: Clip.antiAliasWithSaveLayer,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.primaryBackground,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(40),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Icon(
|
|
Icons.insert_link,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.secondaryText,
|
|
size: 20,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 0, 0, 0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Get Link',
|
|
style: AppAppAppAppAppAppAppAppAppTheme
|
|
.labelLarge
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
letterSpacing: 0,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 60,
|
|
decoration: const BoxDecoration(),
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 8, 12, 8),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Card(
|
|
clipBehavior: Clip.antiAliasWithSaveLayer,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.primaryBackground,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(40),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Icon(
|
|
Icons.mode_edit,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.secondaryText,
|
|
size: 20,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 0, 0, 0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Model selection',
|
|
style: AppAppAppAppAppAppAppAppAppTheme
|
|
.labelLarge
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
letterSpacing: 0,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 60,
|
|
decoration: const BoxDecoration(),
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 8, 12, 8),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Card(
|
|
clipBehavior: Clip.antiAliasWithSaveLayer,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.primaryBackground,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(40),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Icon(
|
|
Icons.hide_source,
|
|
color: AppAppAppAppAppAppAppAppAppTheme.secondaryText,
|
|
size: 20,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.fromSTEB(12, 0, 0, 0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Private',
|
|
style: AppAppAppAppAppAppAppAppAppTheme
|
|
.labelLarge
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
letterSpacing: 0,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|