Added a display widget

.gitignore

@@ -27,3 +27,4 @@ doc/api/
 .flutter-plugins
 .flutter-plugins-dependencies
 
+projects/chrono/lib/TPSIT_25-26.code-workspace

projects/chrono/lib/controls.dart

@@ -15,7 +15,6 @@ class _StopwatchControlsState extends State<StopwatchControls> {
 
   void _setIcons(){
     setState(() {
-      print(_state);
       switch(_state){
         case StopwatchStates.started:
           _button1Icon = Icon(Icons.stop);

projects/chrono/lib/display.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+
+class Display extends StatelessWidget {
+  final int seconds;
+
+  const Display({
+    Key? key,
+    required this.seconds,
+  }) : super(key: key);
+
+  String formatTime(seconds){
+    return '${(seconds / 60 / 60).floor() % 60}:${(seconds / 60).floor() % 60}:${seconds.floor() % 60}';
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Text(
+      formatTime(seconds),
+      style: TextStyle(
+        fontWeight: FontWeight.bold,
+        fontSize: 100,
+      ),
+    );
+  }
+}

projects/chrono/lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'controls.dart';
+import 'display.dart';
 
 void main(){
   runApp(MyApp());
@@ -21,9 +22,9 @@ class MyApp extends StatelessWidget {
         body: Column(
           crossAxisAlignment: CrossAxisAlignment.center,
           mainAxisAlignment: MainAxisAlignment.center,
+          spacing: 50,
           children: [
-            // Stopwatch display
-            //         +
+            Display(seconds: 6767),
             StopwatchControls(),
           ],
         ),