diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-05-02 23:29:16 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-02 23:29:16 -0500 |
| commit | 2eb0d8c095b70b7ec39b7a1acbd126457dea9322 (patch) | |
| tree | 0716126d7b599b6093708f70f1a47b9eb5c9e0c6 | |
| parent | 6f1c4ec9a9b5b7d0b4b67f3bc7c3af6810da5001 (diff) | |
| download | voidsky-2eb0d8c095b70b7ec39b7a1acbd126457dea9322.tar.zst | |
[APP-611] Add nice date to expanded post view (#567)
* Add nice date to expanded post view * Fix styles
| -rw-r--r-- | src/lib/strings/time.ts | 12 | ||||
| -rw-r--r-- | src/lib/styles.ts | 3 | ||||
| -rw-r--r-- | src/view/com/post-thread/PostThreadItem.tsx | 7 |
3 files changed, 20 insertions, 2 deletions
diff --git a/src/lib/strings/time.ts b/src/lib/strings/time.ts index 8357d3c31..6cd70498e 100644 --- a/src/lib/strings/time.ts +++ b/src/lib/strings/time.ts @@ -27,3 +27,15 @@ export function ago(date: number | string | Date): string { return new Date(ts).toLocaleDateString() } } + +export function niceDate(date: number | string | Date) { + const d = new Date(date) + return `${d.toLocaleDateString('en-us', { + year: 'numeric', + month: 'short', + day: 'numeric', + })} at ${d.toLocaleTimeString(undefined, { + hour: 'numeric', + minute: '2-digit', + })}` +} diff --git a/src/lib/styles.ts b/src/lib/styles.ts index 1ff2d520d..00a8638f9 100644 --- a/src/lib/styles.ts +++ b/src/lib/styles.ts @@ -122,12 +122,15 @@ export const s = StyleSheet.create({ ml2: {marginLeft: 2}, ml5: {marginLeft: 5}, ml10: {marginLeft: 10}, + ml20: {marginLeft: 20}, mt2: {marginTop: 2}, mt5: {marginTop: 5}, mt10: {marginTop: 10}, + mt20: {marginTop: 20}, mb2: {marginBottom: 2}, mb5: {marginBottom: 5}, mb10: {marginBottom: 10}, + mb20: {marginBottom: 20}, // paddings p2: {padding: 2}, diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx index 191151193..953e67b18 100644 --- a/src/view/com/post-thread/PostThreadItem.tsx +++ b/src/view/com/post-thread/PostThreadItem.tsx @@ -15,7 +15,7 @@ import {PostDropdownBtn} from '../util/forms/DropdownButton' import * as Toast from '../util/Toast' import {UserAvatar} from '../util/UserAvatar' import {s} from 'lib/styles' -import {ago} from 'lib/strings/time' +import {ago, niceDate} from 'lib/strings/time' import {sanitizeDisplayName} from 'lib/strings/display-names' import {pluralize} from 'lib/strings/helpers' import {useStores} from 'state/index' @@ -235,7 +235,10 @@ export const PostThreadItem = observer(function PostThreadItem({ ) : undefined} <PostEmbeds embed={item.post.embed} style={s.mb10} /> </ContentHider> - {item._isHighlightedPost && hasEngagement ? ( + <View style={[s.mt2, s.mb10]}> + <Text style={pal.textLight}>{niceDate(item.post.indexedAt)}</Text> + </View> + {hasEngagement ? ( <View style={[styles.expandedInfo, pal.border]}> {item.post.repostCount ? ( <Link |