spotube/lib/components/Settings.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:spotube/components/Shared/PageWindowTitleBar.dart';
import 'package:spotube/main.dart';
import 'package:spotube/models/LocalStorageKeys.dart';
import 'package:spotube/provider/Auth.dart';
import 'package:spotube/provider/UserPreferences.dart';

class Settings extends StatefulWidget {
  const Settings({Key? key}) : super(key: key);

  @override
  _SettingsState createState() => _SettingsState();
}

class _SettingsState extends State<Settings> {
  TextEditingController? _textEditingController;
  String? _geniusAccessToken;

  @override
  void initState() {
    super.initState();
    _textEditingController = TextEditingController();
    _textEditingController?.addListener(() {
      setState(() {
        _geniusAccessToken = _textEditingController?.value.text;
      });
    });
  }

  @override
  void dispose() {
    _textEditingController?.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    UserPreferences preferences = context.watch<UserPreferences>();

    return Scaffold(
      body: Column(
        children: [
          PageWindowTitleBar(
            leading: const BackButton(),
            center: Text(
              "Settings",
              style: Theme.of(context).textTheme.headline5,
            ),
          ),
          const SizedBox(height: 10),
          Padding(
            padding: const EdgeInsets.all(16.0),
            child: Column(
              children: [
                Row(
                  children: [
                    Expanded(
                      flex: 2,
                      child: Text(
                        "Genius Access Token",
                        style: Theme.of(context).textTheme.subtitle1,
                      ),
                    ),
                    Expanded(
                      flex: 1,
                      child: TextField(
                        controller: _textEditingController,
                        decoration: InputDecoration(
                          hintText: preferences.geniusAccessToken,
                        ),
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: ElevatedButton(
                        onPressed: _geniusAccessToken != null
                            ? () async {
                                SharedPreferences localStorage =
                                    await SharedPreferences.getInstance();
                                preferences
                                    .setGeniusAccessToken(_geniusAccessToken);
                                localStorage.setString(
                                    LocalStorageKeys.geniusAccessToken,
                                    _geniusAccessToken!);
                                setState(() {
                                  _geniusAccessToken = null;
                                });
                                _textEditingController?.text = "";
                              }
                            : null,
                        child: const Text("Save"),
                      ),
                    )
                  ],
                ),
                const SizedBox(height: 10),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    const Text("Theme"),
                    DropdownButton<ThemeMode>(
                      value: MyApp.of(context)?.getThemeMode(),
                      items: const [
                        DropdownMenuItem(
                          child: Text(
                            "Dark",
                          ),
                          value: ThemeMode.dark,
                        ),
                        DropdownMenuItem(
                          child: Text(
                            "Light",
                          ),
                          value: ThemeMode.light,
                        ),
                        DropdownMenuItem(
                          child: Text("System"),
                          value: ThemeMode.system,
                        ),
                      ],
                      onChanged: (value) {
                        if (value != null) {
                          MyApp.of(context)?.setThemeMode(value);
                        }
                      },
                    )
                  ],
                ),
                const SizedBox(height: 10),
                Builder(builder: (context) {
                  var auth = context.read<Auth>();
                  return ElevatedButton(
                    child: const Text("Logout"),
                    onPressed: () async {
                      SharedPreferences localStorage =
                          await SharedPreferences.getInstance();
                      await localStorage.clear();
                      auth.logout();
                      Navigator.of(context).pop();
                    },
                  );
                })
              ],
            ),
          ),
        ],
      ),
    );
  }
}