zapstore/lib/widgets/versioned_app_header.dart

import 'package:auto_size_text/auto_size_text.dart';
import 'package:collection/collection.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:zapstore/models/app.dart';
import 'package:zapstore/widgets/rounded_image.dart';
import 'package:zapstore/widgets/version_pill_widget.dart';

class VersionedAppHeader extends StatelessWidget {
  const VersionedAppHeader({
    super.key,
    required this.app,
  });

  final App app;

  @override
  Widget build(BuildContext context) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        RoundedImage(
          url: app.icons.firstOrNull,
          size: 80,
          radius: 25,
        ),
        Gap(16),
        Expanded(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Gap(6),
              AutoSizeText(
                app.name!,
                minFontSize: 16,
                style: TextStyle(fontSize: 21, fontWeight: FontWeight.bold),
                maxLines: 1,
                overflow: TextOverflow.ellipsis,
              ),
              Gap(10),
              VersionPillWidget(app: app),
              // Row(
              //   children: [
              //     if (app.localApp.value?.installedVersion != null)
              //       PillWidget(
              //         text:
              //             TextSpan(text: app.localApp.value!.installedVersion!),
              //         color: Colors.grey[800]!,
              //         size: 11,
              //       ),
              //     Icon(Icons.arrow_right),
              //     if (app.canUpdate)
              //       PillWidget(
              //         text: TextSpan(text: app.latestMetadata!.version!),
              //         color: Colors.blue[700]!,
              //         size: 11,
              //       ),
              //     if (app.canInstall) ,
              //   ],
              // ),
            ],
          ),
        ),
      ],
    );
  }
}