Move to new colors, switch incoming/outgoing colors

ts/components/conversation/Timestamp.md

@@ -21,8 +21,9 @@ function getDecember1159() {
 <util.ConversationContext theme={util.theme}>
   <li>
     <Message
-      direction="incoming"
-      authorColor="red"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="red"
       timestamp={Date.now() - 500}
       text="500ms ago - all below 1 minute are 'now'"
       i18n={util.i18n}
@@ -30,8 +31,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 5 * 1000}
       text="Five seconds ago"
       i18n={util.i18n}
@@ -39,8 +41,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 30 * 1000}
       text="30 seconds ago"
       i18n={util.i18n}
@@ -48,8 +51,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="red"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="red"
       timestamp={Date.now() - 60 * 1000}
       text="One minute ago - in minutes"
       i18n={util.i18n}
@@ -57,8 +61,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 30 * 60 * 1000}
       text="30 minutes ago"
       i18n={util.i18n}
@@ -66,8 +71,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 45 * 60 * 1000}
       text="45 minutes ago (used to round up to 1 hour with moment)"
       i18n={util.i18n}
@@ -75,8 +81,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="red"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="red"
       timestamp={Date.now() - 60 * 60 * 1000}
       text="One hour ago - in hours"
       i18n={util.i18n}
@@ -84,8 +91,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={get1201()}
       text="12:01am today"
       i18n={util.i18n}
@@ -93,8 +101,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="red"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="red"
       timestamp={getYesterday1159()}
       text="11:59pm yesterday - adds day name"
       i18n={util.i18n}
@@ -102,8 +111,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 24 * 60 * 60 * 1000}
       text="24 hours ago"
       i18n={util.i18n}
@@ -111,8 +121,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 2 * 24 * 60 * 60 * 1000}
       text="Two days ago"
       i18n={util.i18n}
@@ -120,8 +131,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="red"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="red"
       timestamp={Date.now() - 7 * 24 * 60 * 60 * 1000}
       text="Seven days ago - adds month"
       i18n={util.i18n}
@@ -129,8 +141,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 30 * 24 * 60 * 60 * 1000}
       text="Thirty days ago"
       i18n={util.i18n}
@@ -138,8 +151,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={getJanuary1201()}
       text="January 1st at 12:01am"
       i18n={util.i18n}
@@ -147,8 +161,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="red"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="red"
       timestamp={getDecember1159()}
       text="December 31st at 11:59pm - adds year"
       i18n={util.i18n}
@@ -156,8 +171,9 @@ function getDecember1159() {
   </li>
   <li>
     <Message
-      direction="incoming"
-      authorColor="teal"
+      direction="outgoing"
+      status="delivered"
+      conversationColor="teal"
       timestamp={Date.now() - 366 * 24 * 60 * 60 * 1000}
       text="One year ago"
       i18n={util.i18n}