[APP-611] Add nice date to expanded post view (#567)

* Add nice date to expanded post view

* Fix styles

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',
+  })}`
+}

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},

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