2023-05-05 19:15:34 +00:00
|
|
|
import 'package:ente_auth/l10n/l10n.dart';
|
2023-08-08 04:29:04 +00:00
|
|
|
import 'package:ente_auth/theme/ente_theme.dart';
|
|
|
|
import 'package:ente_auth/ui/settings/data/import_page.dart';
|
|
|
|
import 'package:ente_auth/ui/settings/faq.dart';
|
|
|
|
import 'package:ente_auth/utils/navigation_util.dart';
|
2023-05-05 19:15:34 +00:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
|
|
class HomeEmptyStateWidget extends StatelessWidget {
|
|
|
|
final VoidCallback? onScanTap;
|
|
|
|
final VoidCallback? onManuallySetupTap;
|
|
|
|
|
|
|
|
const HomeEmptyStateWidget({
|
|
|
|
Key? key,
|
|
|
|
required this.onScanTap,
|
|
|
|
required this.onManuallySetupTap,
|
|
|
|
}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
final l10n = context.l10n;
|
|
|
|
return Center(
|
|
|
|
child: ConstrainedBox(
|
|
|
|
constraints: const BoxConstraints.tightFor(height: 800, width: 450),
|
|
|
|
child: Padding(
|
|
|
|
padding: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 40),
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
children: [
|
|
|
|
Column(
|
|
|
|
children: [
|
|
|
|
Image.asset(
|
|
|
|
"assets/wallet-front-gradient.png",
|
|
|
|
width: 200,
|
|
|
|
height: 200,
|
|
|
|
),
|
|
|
|
Text(
|
|
|
|
l10n.setupFirstAccount,
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
style: Theme.of(context).textTheme.headline4,
|
|
|
|
),
|
|
|
|
const SizedBox(height: 64),
|
|
|
|
SizedBox(
|
|
|
|
width: 400,
|
|
|
|
child: OutlinedButton(
|
|
|
|
onPressed: onScanTap,
|
|
|
|
child: Text(l10n.importScanQrCode),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const SizedBox(height: 18),
|
|
|
|
SizedBox(
|
|
|
|
width: 400,
|
|
|
|
child: OutlinedButton(
|
|
|
|
onPressed: onManuallySetupTap,
|
|
|
|
child: Text(l10n.importEnterSetupKey),
|
|
|
|
),
|
|
|
|
),
|
2023-08-08 04:29:04 +00:00
|
|
|
const SizedBox(height: 54),
|
|
|
|
InkWell(
|
|
|
|
onTap: () {
|
|
|
|
routeToPage(context, ImportCodePage());
|
|
|
|
},
|
|
|
|
child: Text(
|
|
|
|
l10n.importCodes,
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
style: getEnteTextTheme(context).bodyFaint.copyWith(decoration: TextDecoration.underline),
|
|
|
|
),),
|
|
|
|
const SizedBox(height: 18),
|
|
|
|
InkWell(
|
|
|
|
onTap: () {
|
|
|
|
showModalBottomSheet<void>(
|
|
|
|
backgroundColor: Theme.of(context).colorScheme.background,
|
|
|
|
barrierColor: Colors.black87,
|
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
|
|
|
return const FAQQuestionsWidget();
|
|
|
|
},
|
|
|
|
);
|
|
|
|
},
|
|
|
|
child: Text(
|
|
|
|
l10n.faq,
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
style: getEnteTextTheme(context).bodyFaint.copyWith(decoration: TextDecoration.underline),
|
|
|
|
),),
|
2023-05-05 19:15:34 +00:00
|
|
|
],
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|