From 73048837a360ff18379d95a129d95524172f8587 Mon Sep 17 00:00:00 2001
From: Freek van de Ven <freek@freekvandeven.nl>
Date: Fri, 5 Jul 2024 13:59:40 +0200
Subject: [PATCH] feat: add device preview package to the example app

With Device Preview it is easy to view the userstory on different kinds of devices and change settings like language
---
 apps/example/lib/main.dart | 21 ++++++++++++++++++++-
 apps/example/pubspec.yaml  |  1 +
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/apps/example/lib/main.dart b/apps/example/lib/main.dart
index c97957c..fe12801 100644
--- a/apps/example/lib/main.dart
+++ b/apps/example/lib/main.dart
@@ -1,8 +1,19 @@
+import "package:device_preview/device_preview.dart";
 import "package:flutter/material.dart";
 import "package:flutter_availability/flutter_availability.dart";
 
 void main() {
-  runApp(const App());
+  runApp(
+    DevicePreview(
+      enabled: true,
+      isToolbarVisible: true,
+      availableLocales: const [
+        Locale("en_US"),
+        Locale("nl_NL"),
+      ],
+      builder: (_) => const App(),
+    ),
+  );
 }
 
 class App extends StatelessWidget {
@@ -10,6 +21,14 @@ class App extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) => MaterialApp(
+        builder: DevicePreview.appBuilder,
+        locale: DevicePreview.locale(context),
+        supportedLocales: const [
+          Locale("en", "US"),
+          Locale("nl", "NL"),
+        ],
+        theme: ThemeData.light(),
+        darkTheme: ThemeData.dark(),
         home: AvailabilityUserStory(
           userId: "",
           options: AvailabilityOptions(),
diff --git a/apps/example/pubspec.yaml b/apps/example/pubspec.yaml
index fd6a662..2138d4d 100644
--- a/apps/example/pubspec.yaml
+++ b/apps/example/pubspec.yaml
@@ -9,6 +9,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  device_preview: ^1.2.0
   flutter_availability:
     path: ../../packages/flutter_availability