refactor: add typescript support to project

2022-06-21 15:08:35 +08:00
parent 88ec2b742a
commit bd799ebea8
259 changed files with 1042 additions and 458 deletions
@@ -0,0 +1,36 @@
+import dayjs from "dayjs";
+import renderContent from "./renderContent";
+import Avatar from "../Avatar";
+import StyledWrapper from "./styled";
+import { useAppSelector } from "../../../app/store";
+
+export default function PreviewMessage({ mid = 0 }) {
+  const { msg, contactsData } = useAppSelector((store) => {
+    return { msg: store.message[mid], contactsData: store.contacts.byId };
+  });
+  if (!msg) return null;
+  const { from_uid, created_at, content_type, content, thumbnail, properties } = msg;
+  const { name, avatar } = contactsData[from_uid];
+  return (
+    <StyledWrapper className={`preview`}>
+      <div className="avatar">
+        <Avatar url={avatar} name={name} />
+      </div>
+      <div className="details">
+        <div className="up">
+          <span className="name">{name}</span>
+          <i className="time">{dayjs(created_at).format("YYYY-MM-DD h:mm:ss A")}</i>
+        </div>
+        <div className={`down`}>
+          {renderContent({
+            content_type,
+            content,
+            thumbnail,
+            from_uid,
+            properties
+          })}
+        </div>
+      </div>
+    </StyledWrapper>
+  );
+}