spotube/lib/components/Login.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:spotube/components/Shared/Hyperlink.dart';
import 'package:spotube/components/Shared/PageWindowTitleBar.dart';
import 'package:spotube/helpers/oauth-login.dart';
import 'package:spotube/models/LocalStorageKeys.dart';
import 'package:spotube/provider/Auth.dart';
import 'package:spotube/provider/UserPreferences.dart';

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

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

class _LoginState extends State<Login> {
  String clientId = "";
  String clientSecret = "";
  String accessToken = "";
  bool _fieldError = false;

  Future handleLogin(Auth authState) async {
    try {
      if (clientId == "" || clientSecret == "") {
        return setState(() {
          _fieldError = true;
        });
      }
      await oauthLogin(context, clientId: clientId, clientSecret: clientSecret);
    } catch (e) {
      print("[Login.handleLogin] $e");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Consumer<Auth>(
      builder: (context, authState, child) {
        return Scaffold(
          appBar: const PageWindowTitleBar(),
          body: SingleChildScrollView(
            child: Center(
              child: Column(
                children: [
                  Image.asset(
                    "assets/spotube-logo.png",
                    width: 400,
                    height: 400,
                  ),
                  Text("Add your spotify credentials to get started",
                      style: Theme.of(context).textTheme.headline4),
                  const Text(
                      "Don't worry, any of your credentials won't be collected or shared with anyone"),
                  const Hyperlink("How to get these client-id & client-secret?",
                      "https://github.com/KRTirtho/spotube#configuration"),
                  const SizedBox(
                    height: 10,
                  ),
                  Container(
                    constraints: const BoxConstraints(
                      maxWidth: 400,
                    ),
                    child: Column(
                      children: [
                        TextField(
                          decoration: const InputDecoration(
                            hintText: "Spotify Client ID",
                            label: Text("ClientID"),
                          ),
                          onChanged: (value) {
                            setState(() {
                              clientId = value;
                            });
                          },
                        ),
                        const SizedBox(height: 10),
                        TextField(
                          decoration: const InputDecoration(
                            hintText: "Spotify Client Secret",
                            label: Text("Client Secret"),
                          ),
                          onChanged: (value) {
                            setState(() {
                              clientSecret = value;
                            });
                          },
                        ),
                        const SizedBox(height: 10),
                        const Divider(color: Colors.grey),
                        const SizedBox(height: 10),
                        TextField(
                          decoration: const InputDecoration(
                            label: Text("Genius Access Token (optional)"),
                          ),
                          onChanged: (value) {
                            setState(() {
                              accessToken = value;
                            });
                          },
                        ),
                        const SizedBox(
                          height: 10,
                        ),
                        ElevatedButton(
                          onPressed: () async {
                            await handleLogin(authState);
                            UserPreferences preferences =
                                context.read<UserPreferences>();
                            SharedPreferences localStorage =
                                await SharedPreferences.getInstance();
                            preferences.setGeniusAccessToken(accessToken);
                            await localStorage.setString(
                                LocalStorageKeys.geniusAccessToken,
                                accessToken);
                            setState(() {
                              accessToken = "";
                            });
                          },
                          child: const Text("Submit"),
                        )
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
        );
      },
    );
  }
}