aurcache/frontend/lib/screens/build_screen.dart

import 'package:aurcache/components/build_output.dart';
import 'package:aurcache/models/build.dart';
import 'package:aurcache/components/api/APIBuilder.dart';
import 'package:aurcache/providers/build_provider.dart';
import 'package:aurcache/utils/time_formatter.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';

import '../components/dashboard/your_packages.dart';

class BuildScreen extends StatefulWidget {
  const BuildScreen({super.key, required this.buildID});

  final int buildID;

  @override
  State<BuildScreen> createState() => _BuildScreenState();
}

class _BuildScreenState extends State<BuildScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: MultiProvider(
        providers: [
          ChangeNotifierProvider<BuildProvider>(create: (_) => BuildProvider()),
        ],
        child: APIBuilder<BuildProvider, Build, BuildDTO>(
            key: const Key("Build on seperate page"),
            dto: BuildDTO(buildID: widget.buildID),
            interval: const Duration(seconds: 10),
            onLoad: () => const Text("loading"),
            onData: (buildData) {
              final start_time = DateTime.fromMillisecondsSinceEpoch(
                  (buildData.start_time ?? 0) * 1000);

              return Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                      const SizedBox(
                        width: 10,
                      ),
                      IconButton(
                        icon: Icon(
                          switchSuccessIcon(buildData.status),
                          color: switchSuccessColor(buildData.status),
                        ),
                        onPressed: () {
                          context.replace("/build/${buildData.id}");
                        },
                      ),
                      const SizedBox(
                        width: 10,
                      ),
                      Text(
                        buildData.pkg_name,
                        style: const TextStyle(fontWeight: FontWeight.bold),
                      ),
                      const SizedBox(
                        width: 10,
                      ),
                      Text("triggered ${start_time.readableDuration()}")
                    ],
                  ),
                  const SizedBox(
                    height: 15,
                  ),
                  _buildPage(buildData)
                ],
              );
            }),
      ),
      appBar: AppBar(),
    );
  }

  Widget _buildPage(Build build) {
    switch (build.status) {
      case 3:
        return const Text("in Queue");
      case 0:
      case 1:
      case 2:
      default:
        return BuildOutput(build: build);
    }
  }
}