v1.2.0-beta/fix file structure

2020-05-21 10:48:37 -04:00
parent c5dc4d756f
commit 9e61fe15ef
38 changed files with 19531 additions and 0 deletions
@@ -0,0 +1,70 @@
+import React from 'react';
+import { Typography } from '@material-ui/core';
+import './Thread.css';
+import firebase from 'firebase/app';
+import 'firebase/firestore';
+
+const Thread = (props) =>
+  props.messages.map((m, midx) => {
+    const userUid = window.localStorage.getItem('watchPartyUserUid');
+    if (m.uid === '<system>') {
+      if (m.name === '<alert>') {
+        return (
+          <Typography
+            variant="body2"
+            className="thread-item system-message alert"
+            key={m.id}
+            disabled
+          >
+            {m.text}
+          </Typography>
+        );
+      }
+      return (
+        <Typography variant="body2" className="thread-item system-message" key={m.id} disabled>
+          {m.text}
+        </Typography>
+      );
+    } else if (m.uid === userUid) {
+      return (
+        <div
+          className={`thread-item ${
+            midx > 0 ? (props.messages[midx - 1].uid !== m.uid ? '' : 'no-space') : ''
+          }`}
+          key={m.id}
+        >
+          {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.seconds * 1000).toLocaleTimeString()}</span>
+        </div>
+      );
+    } else {
+      return (
+        <div
+          className={`thread-item ${
+            midx > 0 ? (props.messages[midx - 1].uid !== m.uid ? '' : 'no-space') : ''
+          }`}
+          key={m.id}
+        >
+          <Typography variant="caption" className="name">
+            {midx > 0 ? (props.messages[midx - 1].uid !== m.uid ? m.name : '') : m.name}
+          </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.seconds * 1000).toLocaleTimeString()}</span>
+        </div>
+      );
+    }
+  });
+
+export default Thread;