Restore iOS-specific theme; colors on left in android theme

This commit is contained in:
Scott Nonnenberg
2018-10-09 15:56:14 -07:00
parent ca61c9cb85
commit 7d9711ba65
19 changed files with 1280 additions and 538 deletions

View File

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