cleaning, prolly broke a lot but whatever

2022-02-01 10:38:45 -08:00
parent 462139b930
commit 4073d526bd
54 changed files with 84 additions and 5402 deletions
@@ -0,0 +1,94 @@
+import { Select, Tag } from "antd";
+import { useEffect, useRef } from "react";
+import SimpleUserDetailsRow from "../UserDetails/SimpleUserDetailsRow";
+
+const options = [
+  { value: "gold" },
+  { value: "lime" },
+  { value: "green" },
+  { value: "cyan" },
+];
+
+export default function CreateConversation() {
+  const input = useRef<HTMLInputElement>();
+
+  useEffect(() => {
+    input.current?.focus();
+  }, []);
+
+  // as people are selected, add a list of users
+  // if it's an email of a non-nirvana user, then hit invite button to email them with a voice clip along with it
+  // if it's an existing user, then show a nice chip of that user's profile picture and their name
+
+  return (
+    <div className="mx-auto my-auto w-96 flex flex-col">
+      <Select
+        placeholder={"Look up emails, names, etc."}
+        tagRender={tagRender}
+        style={{ width: "100%" }}
+        options={options}
+        size="large"
+        mode="multiple"
+        allowClear
+        // defaultValue={['a10', 'c12']}
+        ref={input}
+      />
+
+      <span className="flex flex-row items-center mt-10 mb-2">
+        <span className="uppercase tracking-widest text-slate-400 font-semibold">
+          Selected
+        </span>
+        <button className="ml-auto text-slate-400">clear</button>
+      </span>
+
+      {/* list of selected people who are nirvana users */}
+
+      <span className="flex flex-col">
+        <SimpleUserDetailsRow />
+      </span>
+
+      <span className="flex flex-col mt-10">
+        <span className="uppercase tracking-widest text-slate-400 font-semibold">
+          Name
+        </span>
+        <span className="text-slate-300 text-xs">
+          Name this conversation: engineering, hangout, lunch time, or leave it
+          as is.
+        </span>
+
+        <input
+          className="p-3 rounded mt-2 bg-slate-50 border placeholder-slate-300"
+          placeholder="coding and chilling room, birthdays, sprint 7"
+        />
+      </span>
+
+      <button
+        className="rounded p-2 border flex flex-row items-center space-x-2
+            text-white font-semibold text-xs ml-auto mt-5 bg-teal-600 hover:scale-110 transition-all"
+      >
+        <span>Create</span>
+      </button>
+
+      {/* if it's a one on one, and i already have a conversation with them, then block creating a new one? */}
+    </div>
+  );
+}
+
+function tagRender(props) {
+  const { label, value, closable, onClose } = props;
+  const onPreventMouseDown = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return (
+    <Tag
+      color={value}
+      onMouseDown={onPreventMouseDown}
+      closable={closable}
+      onClose={onClose}
+      style={{ marginRight: 3 }}
+    >
+      {label}
+    </Tag>
+  );
+}
@@ -0,0 +1,13 @@
+import { useRouter } from "next/router";
+
+export default function SearchResults() {
+  const router = useRouter();
+
+  const q = router.query.q;
+
+  return (
+    <div className="mx-auto my-auto flex flex-col">
+      <span className="text-xs text-slate-400">0 results for {`"${q}"`}</span>
+    </div>
+  );
+}