[DateDivider] Fix text case and add 1px vertical padding
Signed-off-by: Sahil Kumar <[email protected]>
This commit is contained in:
+13
-12
@@ -5,10 +5,12 @@ import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
|
|||||||
/// It shows a date divider depending on the date difference
|
/// It shows a date divider depending on the date difference
|
||||||
class DateDivider extends StatelessWidget {
|
class DateDivider extends StatelessWidget {
|
||||||
final DateTime dateTime;
|
final DateTime dateTime;
|
||||||
|
final bool uppercase;
|
||||||
|
|
||||||
const DateDivider({
|
const DateDivider({
|
||||||
Key key,
|
Key key,
|
||||||
@required this.dateTime,
|
@required this.dateTime,
|
||||||
|
this.uppercase = false,
|
||||||
}) : super(key: key);
|
}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@@ -18,38 +20,37 @@ class DateDivider extends StatelessWidget {
|
|||||||
|
|
||||||
String dayInfo;
|
String dayInfo;
|
||||||
if (Jiffy(createdAt).isSame(now, Units.DAY)) {
|
if (Jiffy(createdAt).isSame(now, Units.DAY)) {
|
||||||
dayInfo = 'TODAY';
|
dayInfo = 'Today';
|
||||||
} else if (Jiffy(createdAt)
|
} else if (Jiffy(createdAt)
|
||||||
.isSame(now.subtract(Duration(days: 1)), Units.DAY)) {
|
.isSame(now.subtract(Duration(days: 1)), Units.DAY)) {
|
||||||
dayInfo = 'YESTERDAY';
|
dayInfo = 'Yesterday';
|
||||||
} else if (Jiffy(createdAt).isAfter(
|
} else if (Jiffy(createdAt).isAfter(
|
||||||
now.subtract(Duration(days: 7)),
|
now.subtract(Duration(days: 7)),
|
||||||
Units.DAY,
|
Units.DAY,
|
||||||
)) {
|
)) {
|
||||||
dayInfo = createdAt.format('EEEE').toUpperCase();
|
dayInfo = createdAt.format('EEEE');
|
||||||
} else if (Jiffy(createdAt).isAfter(
|
} else if (Jiffy(createdAt).isAfter(
|
||||||
Jiffy(now).subtract(years: 1),
|
Jiffy(now).subtract(years: 1),
|
||||||
Units.DAY,
|
Units.DAY,
|
||||||
)) {
|
)) {
|
||||||
dayInfo = createdAt.format('MMMM d').toUpperCase();
|
dayInfo = createdAt.format('MMMM d');
|
||||||
} else {
|
} else {
|
||||||
dayInfo = createdAt.format('MMMM d').toUpperCase();
|
dayInfo = createdAt.format('MMMM d');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (uppercase) dayInfo = dayInfo.toUpperCase();
|
||||||
|
|
||||||
return Center(
|
return Center(
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 1),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: StreamChatTheme.of(context).colorTheme.black.withOpacity(0.5),
|
color: StreamChatTheme.of(context).colorTheme.overlayDark,
|
||||||
borderRadius: BorderRadius.circular(
|
borderRadius: BorderRadius.circular(8),
|
||||||
8,
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
child: Text(
|
child: Text(
|
||||||
dayInfo,
|
dayInfo,
|
||||||
style: StreamChatTheme.of(context).textTheme.footnoteBold.copyWith(
|
style: StreamChatTheme.of(context).textTheme.footnote.copyWith(
|
||||||
color: StreamChatTheme.of(context).colorTheme.white,
|
color: StreamChatTheme.of(context).colorTheme.white,
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user