147 lines
4.1 KiB
Dart
147 lines
4.1 KiB
Dart
import 'package:flutter/widgets.dart';
|
|
import 'package:git_touch/models/auth.dart';
|
|
import 'package:git_touch/models/github.dart';
|
|
import 'package:git_touch/utils/utils.dart';
|
|
import 'package:git_touch/widgets/issue_icon.dart';
|
|
import 'package:git_touch/widgets/link.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:git_touch/models/theme.dart';
|
|
|
|
class NotificationItem extends StatefulWidget {
|
|
|
|
const NotificationItem({
|
|
Key? key,
|
|
required this.payload,
|
|
required this.markAsRead,
|
|
}) : super(key: key);
|
|
final GithubNotificationItem payload;
|
|
final Function markAsRead;
|
|
|
|
@override
|
|
_NotificationItemState createState() => _NotificationItemState();
|
|
}
|
|
|
|
class _NotificationItemState extends State<NotificationItem> {
|
|
GithubNotificationItem 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.subject!.type) {
|
|
case 'Issue':
|
|
switch (payload.state) {
|
|
case 'OPEN':
|
|
return const IssueIcon(IssueIconState.open, size: 20);
|
|
case 'CLOSED':
|
|
return const IssueIcon(IssueIconState.closed, size: 20);
|
|
default:
|
|
return _buildIcon(Octicons.person);
|
|
}
|
|
case 'PullRequest':
|
|
switch (payload.state) {
|
|
case 'OPEN':
|
|
return const IssueIcon(IssueIconState.prOpen, size: 20);
|
|
case 'CLOSED':
|
|
return const IssueIcon(IssueIconState.prClosed, size: 20);
|
|
case 'MERGED':
|
|
return const IssueIcon(IssueIconState.prMerged, size: 20);
|
|
default:
|
|
return _buildIcon(Octicons.person);
|
|
}
|
|
// color: Color.fromRGBO(0x6f, 0x42, 0xc1, 1),
|
|
case 'Release':
|
|
return _buildIcon(Octicons.tag);
|
|
case 'Commit':
|
|
return _buildIcon(Octicons.git_commit);
|
|
case 'CheckSuite':
|
|
return _buildIcon(Octicons.x, GithubPalette.closed);
|
|
default:
|
|
return _buildIcon(Octicons.bell);
|
|
}
|
|
}
|
|
|
|
Widget _buildCheckIcon() {
|
|
final theme = Provider.of<ThemeModel>(context);
|
|
return Icon(
|
|
payload.unread! ? Ionicons.checkmark : Octicons.dot_fill,
|
|
color:
|
|
loading ? theme.palette.grayBackground : theme.palette.tertiaryText,
|
|
size: 24,
|
|
);
|
|
}
|
|
|
|
void _markAsRead() async {
|
|
if (payload.unread! && !loading) {
|
|
setState(() {
|
|
loading = true;
|
|
});
|
|
try {
|
|
await context
|
|
.read<AuthModel>()
|
|
.ghClient
|
|
.activity
|
|
.markThreadRead(payload.id!);
|
|
widget.markAsRead();
|
|
} finally {
|
|
if (mounted) {
|
|
setState(() {
|
|
loading = false;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
String? get _url {
|
|
final fullName = payload.repository!.fullName;
|
|
switch (payload.subject!.type) {
|
|
case 'Issue':
|
|
return '/github/$fullName/issues/${payload.subject!.number}';
|
|
case 'PullRequest':
|
|
return '/github/$fullName/pull/${payload.subject!.number}';
|
|
case 'Release':
|
|
return 'https://github.com/$fullName/releases';
|
|
case 'Commit':
|
|
case 'CheckSuite':
|
|
return '/github/$fullName';
|
|
default:
|
|
return null;
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Provider.of<ThemeModel>(context);
|
|
return LinkWidget(
|
|
url: _url,
|
|
onTap: _markAsRead,
|
|
child: Opacity(
|
|
opacity: payload.unread! ? 1 : 0.5,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Container(
|
|
padding: const EdgeInsets.only(right: 8),
|
|
child: _buildIconData(),
|
|
),
|
|
Expanded(
|
|
child: Text(
|
|
payload.subject!.title!,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(fontSize: 15, color: theme.palette.text),
|
|
),
|
|
),
|
|
LinkWidget(onTap: _markAsRead, child: _buildCheckIcon()),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|