revanced-manager/lib/ui/widgets/available_update.dart

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager_flutter/ui/widgets/app_details.dart';
import 'package:revanced_manager_flutter/ui/widgets/patch_text_button.dart';

class AvailableUpdatesWidget extends StatelessWidget {
  const AvailableUpdatesWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(12),
        color: const Color(0xff1B222B),
      ),
      padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                "Updates Available(2)",
                style: GoogleFonts.inter(
                  fontSize: 16,
                  color: const Color(0xff7792BA),
                  fontWeight: FontWeight.w500,
                ),
              ),
              PatchTextButton(
                text: "Patch all",
                onPressed: () {},
                backgroundColor: const Color(0xff7792BA),
              ),
            ],
          ),
          const AppDetails(
            asset: "lib/assets/images/revanced.svg",
            name: "ReVanced",
            releaseDate: "2 days ago",
          ),
          const AppDetails(
            asset: "lib/assets/images/reddit.png",
            name: "ReReddit",
            releaseDate: "Released 1 month ago",
          ),
          const SizedBox(height: 4),
          Text(
            "Changelog",
            style: GoogleFonts.roboto(
              color: const Color(0xff8691A0),
              fontWeight: FontWeight.w700,
            ),
          ),
          const SizedBox(height: 4),
          Text(
            "fix: we made the player even worse (you love)",
            style: GoogleFonts.roboto(
              color: const Color(0xff8691A0),
            ),
          ),
          const SizedBox(height: 4),
          Text(
            "chore: guhhughghu",
            style: GoogleFonts.roboto(
              color: const Color(0xff8691A0),
            ),
          ),
        ],
      ),
    );
  }
}