visually changed settings page

lib/pages/settings_page.dart

@@ -17,55 +17,89 @@ class SettingsPage extends StatefulWidget {
 }
 
 class _SettingsPageState extends State<SettingsPage> {
+  bool storagePermissionIsGranted = false;
+  final tileSpacing = 16.0;
+
+  @override
+  void initState() {
+    PermissionService.storagePermissionStatus.then((value) {
+      storagePermissionIsGranted = value.isGranted;
+      if (context.mounted) setState(() {});
+    });
+    super.initState();
+  }
+
   @override
   Widget build(BuildContext context) {
+    final titlePadding = Theme.of(context).listTileTheme.contentPadding!;
+    checkStoragePermission;
     return Scaffold(
       appBar: AppBar(title: Text(AppLocalizations.of(context)!.settings)),
-      body: SizedBox(
+      body: Center(
-        width: MediaQuery.of(context).size.width * 0.9,
+        child: SizedBox(
-        child: Column(
+          width: MediaQuery.of(context).size.width * 0.9,
-          crossAxisAlignment: CrossAxisAlignment.center,
+          child: Column(
-          children: [
+            crossAxisAlignment: CrossAxisAlignment.start,
-            Text(
+            children: [
-              AppLocalizations.of(context)!.appData,
+              Padding(
-              style: Theme.of(context).textTheme.titleLarge,
+                padding: titlePadding,
-            ),
+                child: Text(
-            ElevatedButton(
+                  AppLocalizations.of(context)!.appData,
-              onPressed: () => onActivateJsonImportPressed(),
+                  style: Theme.of(context).textTheme.titleLarge,
-              child: Text(AppLocalizations.of(context)!.import),
+                ),
-            ),
+              ),
-            ElevatedButton(
+              SizedBox(height: tileSpacing),
-              onPressed: () => onActivateJsonExportPressed(),
+              ListTile(
-              child: Text(AppLocalizations.of(context)!.export),
+                title: Text('Grant storage permisson'),
-            ),
+                subtitle: Text(
-          ],
+                  'For app-data settings to work, you need to grant the app permissions to manage internal storage.',
+                ),
+                onTap: () => PermissionService.requestStoragePermission,
+                trailing: Icon(Icons.arrow_forward_ios_rounded),
+                enabled: !storagePermissionIsGranted,
+              ),
+              SizedBox(height: tileSpacing),
+              ListTile(
+                title: Text(AppLocalizations.of(context)!.import),
+                subtitle: Text('Import app-data from a json file.'),
+                onTap: () => onActivateJsonImportPressed(),
+                trailing: Icon(Icons.arrow_forward_ios_rounded),
+                enabled: storagePermissionIsGranted,
+              ),
+              SizedBox(height: tileSpacing),
+              ListTile(
+                title: Text(AppLocalizations.of(context)!.export),
+                subtitle: Text(
+                  'Export app-data to a json file in the selected directory.',
+                ),
+                onTap: () => onActivateJsonExportPressed(),
+                trailing: Icon(Icons.arrow_forward_ios_rounded),
+                enabled: storagePermissionIsGranted,
+              ),
+            ],
+          ),
         ),
       ),
     );
   }
 
   void onActivateJsonExportPressed() async {
-    if (!await checkStoragePermission) return;
+    if (!await PermissionService.storagePermissionStatus.isGranted) return;
-
     Storage.exportToJsonFile().then(showExportInfo);
   }
 
   void onActivateJsonImportPressed() async {
-    if (!await checkStoragePermission) return;
+    if (!await PermissionService.storagePermissionStatus.isGranted) return;
     Storage.importFromJsonFile().then(showImportInfo);
   }
 
-  Future<bool> get checkStoragePermission async {
+  Future<void> get checkStoragePermission async {
-    if (!(await PermissionService.requestStoragePermission).isGranted) {
+    PermissionService.storagePermissionStatus.then((value) {
-      if (mounted) {
+      storagePermissionIsGranted = value.isGranted;
-        Notifying.showErrorSnackbar(
+      if (context.mounted && value.isGranted != storagePermissionIsGranted) {
-          context,
+        setState(() {});
-          AppLocalizations.of(context)!.errorStoragePermisson,
-        );
-        return false;
       }
-    }
+    });
-    return true;
   }
 
   void showExportInfo(bool success) => Notifying.showSnackbar(
@@ -73,7 +107,7 @@ class _SettingsPageState extends State<SettingsPage> {
     text: success
         ? AppLocalizations.of(context)!.exportSuccess
         : AppLocalizations.of(context)!.exportFailed,
-    isError: success,
+    isError: !success,
   );
 
   void showImportInfo(bool success) => Notifying.showSnackbar(
@@ -81,6 +115,6 @@ class _SettingsPageState extends State<SettingsPage> {
     text: success
         ? AppLocalizations.of(context)!.importSuccess
         : AppLocalizations.of(context)!.importFailed,
-    isError: success,
+    isError: !success,
   );
 }