aurcache/frontend/lib/screens/aur_screen.dart

import 'dart:async';

import 'package:aurcache/components/aur_search_table.dart';
import 'package:aurcache/models/aur_package.dart';
import 'package:aurcache/providers/aur_search_provider.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../components/api/APIBuilder.dart';
import '../constants/color_constants.dart';
import '../providers/packages_provider.dart';

class AurScreen extends StatefulWidget {
  const AurScreen({super.key, this.initalQuery});

  final String? initalQuery;

  @override
  State<AurScreen> createState() => _AurScreenState();
}

class _AurScreenState extends State<AurScreen> {
  TextEditingController controller = TextEditingController();
  String query = "";
  Timer? timer;

  @override
  void initState() {
    super.initState();
    if (widget.initalQuery != null) {
      query = widget.initalQuery!;
      controller.text = widget.initalQuery!;
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: MultiProvider(
        providers: [
          ChangeNotifierProvider(create: (_) => PackagesProvider()),
          ChangeNotifierProvider(create: (_) => AURSearchProvider())
        ],
        child: Padding(
          padding: const EdgeInsets.all(defaultPadding),
          child: Container(
            padding: const EdgeInsets.all(defaultPadding),
            decoration: const BoxDecoration(
              color: secondaryColor,
              borderRadius: BorderRadius.all(Radius.circular(10)),
            ),
            child: SingleChildScrollView(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    "AUR Packages",
                    style: Theme.of(context).textTheme.subtitle1,
                  ),
                  const Text("Search:"),
                  TextField(
                      controller: controller,
                      onChanged: (value) {
                        // cancel old timer if active
                        timer?.cancel();
                        // schedule new timer
                        timer = Timer(const Duration(milliseconds: 300), () {
                          setState(() {
                            query = value;
                          });
                        });
                      },
                      decoration:
                          const InputDecoration(hintText: "Type to search...")),
                  SizedBox(
                    width: double.infinity,
                    child: APIBuilder<AURSearchProvider, List<AurPackage>,
                            AurSearchDTO>(
                        dto: AurSearchDTO(query: query),
                        onLoad: () => Center(
                              child: Column(
                                children: [
                                  const SizedBox(
                                    height: 15,
                                  ),
                                  query.length < 3
                                      ? const Text(
                                          "Type to search for an AUR package")
                                      : const Text("loading")
                                ],
                              ),
                            ),
                        onData: (data) => AurSearchTable(data: data)),
                  )
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}