git-touch-android-ios-app/lib/widgets/contribution.dart

import 'dart:math';

import 'package:flutter/material.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:provider/provider.dart';

const contributionEmptyColor = '#ebedf0';
const contributionColors = ['#9be9a8', '#40c463', '#30a14e', '#216e39'];

const darkMapper = {
  '#ebedf0': '#161b22',
  '#9be9a8': '#01311f',
  '#40c463': '#034525',
  '#30a14e': '#0f6d31',
  '#216e39': '#00c647'
};

class ContributionDay {
  String hexColor;
  int count;
  ContributionDay({this.hexColor, this.count})
      : assert(hexColor != null || count != null);
}

class ContributionWidget extends StatelessWidget {
  final Iterable<Iterable<ContributionDay>> weeks;
  ContributionWidget({@required this.weeks}) {
    int maxCount;
    for (var week in weeks) {
      for (var day in week) {
        if (day.count != null) {
          if (maxCount == null) {
            for (var week in weeks) {
              for (var day in week) {
                maxCount = max(day.count, maxCount ?? 0);
              }
            }
          }
          if (day.count == 0) {
            day.hexColor = contributionEmptyColor;
          } else {
            // TODO: algorithm
            final level = (day.count * 4) ~/ (maxCount + 1);
            day.hexColor = contributionColors[level];
          }
        }
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    final theme = context.watch<ThemeModel>();
    return Container(
      alignment: Alignment.center,
      padding: CommonStyle.padding,
      child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        reverse: true,
        child: Wrap(
          spacing: 3,
          children: [
            for (final week in weeks)
              Wrap(
                direction: Axis.vertical,
                spacing: 3,
                children: [
                  for (final day in week)
                    SizedBox(
                      width: 10,
                      height: 10,
                      child: DecoratedBox(
                        decoration: BoxDecoration(
                            color: convertColor(
                              theme.brightness == Brightness.dark
                                  ? darkMapper[day.hexColor]
                                  : day.hexColor,
                            ),
                            borderRadius: BorderRadius.circular(2)),
                      ),
                    )
                ],
              )
          ],
        ),
      ),
    );
  }
}