From fcd747961c3fbc1f7c1a3436ae6629c4ef7efe59 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Mon, 31 Jan 2022 17:59:10 -0800
Subject: [PATCH] Update CreateConversation.tsx

---
 .../web/components/v2/CreateConversation.tsx    | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/web/components/v2/CreateConversation.tsx b/packages/web/components/v2/CreateConversation.tsx
index 1d5d6eb..d412108 100644
--- a/packages/web/components/v2/CreateConversation.tsx
+++ b/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"}
-        mode="multiple"
-        showArrow
+        placeholder={"Look up email addresses, names, etc."}
         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 */}