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

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:timeago/timeago.dart' as timeago;
import 'package:primer/primer.dart';
import 'package:url_launcher/url_launcher.dart';
import '../utils/utils.dart';
import '../screens/issue.dart';
// import '../screens/not_found.dart';
import '../providers/settings.dart';
import 'link.dart';

class NotificationPayload {
  String id;
  String type;
  String owner;
  String name;
  int number;
  String title;
  String updateAt;
  bool unread;

  String state;

  NotificationPayload.fromJson(input) {
    id = input['id'];
    type = input['subject']['type'];
    name = input['repository']['name'];
    owner = input['repository']['owner']['login'];

    String url = input['subject']['url'];

    if (type == 'Issue' || type == 'PullRequest') {
      String numberStr = url.split('/').lastWhere((_) => true);
      number = int.parse(numberStr);
    } else {
      // print(input);
    }

    title = input['subject']['title'];
    updateAt = timeago.format(DateTime.parse(input['updated_at']));
    unread = input['unread'];
  }
}

class NotificationItem extends StatefulWidget {
  final NotificationPayload payload;
  final Function markAsRead;

  NotificationItem({
    Key key,
    @required this.payload,
    @required this.markAsRead,
  }) : super(key: key);

  @override
  _NotificationItemState createState() => _NotificationItemState();
}

class _NotificationItemState extends State<NotificationItem> {
  NotificationPayload get payload => widget.payload;
  bool loading = false;

  Widget _buildIcon(IconData data, [Color color = Colors.black54]) {
    return Icon(data, color: color, size: 20);
  }

  Widget _buildIconData() {
    switch (payload.type) {
      case 'Issue':
        switch (payload.state) {
          case 'OPEN':
            return _buildIcon(Octicons.issue_opened, Palette.green);
          case 'CLOSED':
            return _buildIcon(Octicons.issue_closed, PrimerColors.red600);
          default:
            return _buildIcon(Octicons.person);
        }
        break;
      case 'PullRequest':
        switch (payload.state) {
          case 'OPEN':
            return _buildIcon(Octicons.git_pull_request, Palette.green);
          case 'CLOSED':
            return _buildIcon(Octicons.git_pull_request, PrimerColors.red600);
          case 'MERGED':
            return _buildIcon(Octicons.git_merge, PrimerColors.purple500);
          default:
            return _buildIcon(Octicons.person);
        }
        break;
      // color: Color.fromRGBO(0x6f, 0x42, 0xc1, 1),
      case 'Release':
        return _buildIcon(Octicons.tag);
      case 'Commit':
        return _buildIcon(Octicons.git_commit);
      default:
        print('Unhandled notification type: ${payload.type}');
        return _buildIcon(Octicons.octoface);
    }
  }

  Widget _buildCheckIcon() {
    return Icon(
      payload.unread ? Octicons.check : Octicons.primitive_dot,
      color: loading ? Colors.black12 : Colors.black45,
      size: 24,
    );
  }

  void _markAsRead() async {
    if (payload.unread && !loading) {
      setState(() {
        loading = true;
      });
      try {
        await SettingsProvider.of(context)
            .patchWithCredentials('/notifications/threads/' + payload.id);
        widget.markAsRead();
      } finally {
        if (mounted) {
          setState(() {
            loading = false;
          });
        }
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    WidgetBuilder screenBuilder;
    Function onTap;

    switch (payload.type) {
      case 'Issue':
      case 'PullRequest':
        screenBuilder = (_) => IssueScreen(
              number: payload.number,
              owner: payload.owner,
              name: payload.name,
              isPullRequest: payload.type == 'PullRequest',
            );
        break;
      case 'Release':
        onTap = () {
          launch(
              'https://github.com/${payload.owner}/${payload.name}/releases/tag/${payload.title}');
        };
        break;
      case 'Commit':
        // TODO:
        // onTap = () {
        // launch('urlString');
        // };
        break;
    }

    return Link(
      screenBuilder: screenBuilder,
      onTap: () {
        _markAsRead();
        if (onTap != null) onTap();
      },
      child: Opacity(
        opacity: payload.unread ? 1 : 0.5,
        child: Container(
          padding: EdgeInsets.all(8),
          child: Row(
            children: <Widget>[
              Container(
                padding: EdgeInsets.only(right: 8),
                child: _buildIconData(),
              ),
              Expanded(
                child: Text(
                  payload.title,
                  overflow: TextOverflow.ellipsis,
                  style: TextStyle(fontSize: 15),
                ),
              ),
              Link(child: _buildCheckIcon(), onTap: _markAsRead),
            ],
          ),
        ),
      ),
    );
  }
}