Move to new colors, switch incoming/outgoing colors

This commit is contained in:
Scott Nonnenberg
2018-09-25 17:26:06 -07:00
parent cd60bdd08a
commit 10c53bddb0
22 changed files with 1116 additions and 1233 deletions

View File

@@ -1,11 +1,12 @@
### Countdown at different rates
```jsx
<util.ConversationContext theme={util.theme} ios={util.ios}>
<util.ConversationContext theme={util.theme}>
<li>
<Message
authorColor="cyan"
direction="incoming"
conversationColor="blue"
direction="outgoing"
status="delivered"
text="10 second timer"
i18n={util.i18n}
timestamp={Date.now() + 10 * 1000}
@@ -15,8 +16,9 @@
</li>
<li>
<Message
direction="incoming"
authorColor="cyan"
direction="outgoing"
status="delivered"
conversationColor="blue"
text="30 second timer"
i18n={util.i18n}
timestamp={Date.now() + 30 * 1000}
@@ -26,8 +28,9 @@
</li>
<li>
<Message
authorColor="cyan"
direction="incoming"
conversationColor="blue"
direction="outgoing"
status="delivered"
text="1 minute timer"
i18n={util.i18n}
timestamp={Date.now() + 55 * 1000}
@@ -37,8 +40,9 @@
</li>
<li>
<Message
authorColor="cyan"
direction="incoming"
conversationColor="blue"
direction="outgoing"
status="delivered"
text="5 minute timer"
i18n={util.i18n}
timestamp={Date.now() + 5 * 60 * 1000}
@@ -52,10 +56,10 @@
### Timer calculations
```jsx
<util.ConversationContext theme={util.theme} ios={util.ios}>
<util.ConversationContext theme={util.theme}>
<li>
<Message
authorColor="cyan"
conversationColor="blue"
direction="incoming"
text="Full timer"
i18n={util.i18n}
@@ -66,6 +70,7 @@
</li>
<li>
<Message
conversationColor="blue"
direction="outgoing"
status="delivered"
text="Full timer"
@@ -77,7 +82,7 @@
</li>
<li>
<Message
authorColor="cyan"
conversationColor="blue"
direction="incoming"
text="55 timer"
i18n={util.i18n}
@@ -88,6 +93,7 @@
</li>
<li>
<Message
conversationColor="blue"
direction="outgoing"
status="delivered"
text="55 timer"
@@ -99,7 +105,7 @@
</li>
<li>
<Message
authorColor="cyan"
conversationColor="blue"
direction="incoming"
text="30 timer"
i18n={util.i18n}
@@ -110,6 +116,7 @@
</li>
<li>
<Message
conversationColor="blue"
direction="outgoing"
status="delivered"
text="30 timer"
@@ -121,7 +128,7 @@
</li>
<li>
<Message
authorColor="cyan"
conversationColor="blue"
direction="incoming"
text="5 timer"
i18n={util.i18n}
@@ -132,6 +139,7 @@
</li>
<li>
<Message
conversationColor="blue"
direction="outgoing"
status="delivered"
text="5 timer"
@@ -143,7 +151,7 @@
</li>
<li>
<Message
authorColor="cyan"
conversationColor="blue"
direction="incoming"
text="Expired timer"
i18n={util.i18n}
@@ -154,6 +162,7 @@
</li>
<li>
<Message
conversationColor="blue"
direction="outgoing"
status="delivered"
text="Expired timer"
@@ -165,7 +174,7 @@
</li>
<li>
<Message
authorColor="cyan"
conversationColor="blue"
direction="incoming"
text="Expiration is too far away"
i18n={util.i18n}
@@ -176,6 +185,7 @@
</li>
<li>
<Message
conversationColor="blue"
direction="outgoing"
status="delivered"
text="Expiration is too far away"
@@ -187,7 +197,7 @@
</li>
<li>
<Message
authorColor="cyan"
conversationColor="blue"
direction="incoming"
text="Already expired"
i18n={util.i18n}
@@ -198,6 +208,7 @@
</li>
<li>
<Message
conversationColor="blue"
direction="outgoing"
status="delivered"
text="Already expired"