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