Update CreateConversation.tsx

packages/web/components/v2/CreateConversation.tsx

@@ -1,4 +1,5 @@
 import { Select, Tag } from "antd";
+import { useEffect, useRef } from "react";
 
 const options = [
   { value: "gold" },
@@ -8,18 +9,24 @@ const options = [
 ];
 
 export default function CreateConversation() {
+  const input = useRef<HTMLInputElement>();
+
+  useEffect(() => {
+    input.current?.focus();
+  }, []);
+
   return (
     <div className="mx-auto my-auto w-96">
       <Select
-        placeholder={"Please select people to start the conversation with"}
+        placeholder={"Look up email addresses, names, etc."}
-        mode="multiple"
-        showArrow
         tagRender={tagRender}
-        defaultValue={["gold", "cyan"]}
         style={{ width: "100%" }}
         options={options}
         size="large"
-        className=""
+        mode="multiple"
+        allowClear
+        // defaultValue={['a10', 'c12']}
+        ref={input}
       />
 
       {/* list of existing conversations with these people */}