v1.0.1 add giphy, add link to crx

2020-04-24 13:52:16 -04:00
parent fd6b8275b0
commit e6ea70e134
9 changed files with 359 additions and 25 deletions
@@ -19,9 +19,13 @@ const Thread = (props) =>
          }`}
          key={m.id}
        >
-          <Typography variant="body1" className="my-message">
-            {m.text}
-          </Typography>
+          {m.type === 'giphy' ? (
+            <img className="my-message" alt="giphy gif" src={m.text} />
+          ) : (
+            <Typography variant="body1" className="my-message">
+              {m.text}
+            </Typography>
+          )}
          <span className="time">{new Date(m.time).toLocaleTimeString()}</span>
        </div>
      );
@@ -36,9 +40,13 @@ const Thread = (props) =>
          <Typography variant="caption" className="name">
            {midx > 0 ? (props.messages[midx - 1].uid !== m.uid ? m.name : '') : m.name}
          </Typography>
-          <Typography variant="body1" className="party-message">
-            {m.text}
-          </Typography>
+          {m.type === 'giphy' ? (
+            <img className="party-message" alt="giphy gif" src={m.text} />
+          ) : (
+            <Typography variant="body1" className="party-message">
+              {m.text}
+            </Typography>
+          )}
          <span className="time">{new Date(m.time).toLocaleTimeString()}</span>
        </div>
      );