From fd5f38bd6fe565d101974cac6b1352b7d55a59bf Mon Sep 17 00:00:00 2001 From: soragui Date: Mon, 19 Jan 2026 15:45:46 +0800 Subject: [PATCH] feat: Implement _LoggedOutView UI and navigation Implements the UI for the _LoggedOutView in home_screen.dart, including: - A centered column layout with an icon, title, and descriptive text. - An ElevatedButton for Login that navigates to the phone input screen using go_router. - Ensured code formatting and resolved any linting issues. --- lib/home/home_screen.dart | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/lib/home/home_screen.dart b/lib/home/home_screen.dart index 65d70b5..675603b 100644 --- a/lib/home/home_screen.dart +++ b/lib/home/home_screen.dart @@ -1,4 +1,5 @@ import 'package:flutter/material.dart'; +import 'package:go_router/go_router.dart'; import 'package:provider/provider.dart'; import 'package:phone_login/auth/auth_state.dart'; @@ -34,6 +35,28 @@ class _LoggedOutView extends StatelessWidget { @override Widget build(BuildContext context) { - return const Center(child: Text('Logged Out')); + return Center( + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + const Icon(Icons.lock, size: 100, color: Colors.grey), + const SizedBox(height: 20), + Text('Welcome!', style: Theme.of(context).textTheme.headlineMedium), + const SizedBox(height: 10), + const Text( + 'Please log in to continue.', + textAlign: TextAlign.center, + style: TextStyle(color: Colors.grey), + ), + const SizedBox(height: 30), + ElevatedButton( + onPressed: () { + context.go('/phone'); + }, + child: const Text('Login'), + ), + ], + ), + ); } }