adding some things for tldr/subject line on creation of a chat

packages/common/models/conversation.ts

@@ -22,11 +22,13 @@ export default class Conversation {
   constructor(
     _createdByUserId: string,
     _name: string,
-    _initialUsers: string[] = [] as string[]
+    _initialUsers: string[] = [] as string[],
+    _tldr?: string
   ) {
     this.name = _name;
     this.createdByUserId = _createdByUserId;
     this.activeMembers = _initialUsers;
+    this.tldr = _tldr;
   }
 }
 

packages/web/components/FullPageExperiences/CreateConversation.tsx.tsx

@@ -30,6 +30,7 @@ export default function CreateConversation() {
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const [userSearchInput, setUserSearchInput] = useState<string>("");
   const [conversationName, setConversationName] = useState<string>("");
+  const [tldr, setTldr] = useState<string>("");
 
   // recommendations list: algolio results + cached "relevant users" from all cached conversations currently
   // options for the select
@@ -290,7 +291,7 @@ export default function CreateConversation() {
               Name<span className="text-orange-500">*</span>
             </span>
             <span className="text-slate-300 text-xs">
-              It can be casual or like an email subject line.
+              Think of a group or conversation name.
             </span>
 
             <input
@@ -301,6 +302,23 @@ export default function CreateConversation() {
             />
           </span>
 
+          <span className="flex flex-col mt-10">
+            <span className="uppercase tracking-widest text-slate-400 font-semibold">
+              tldr<span className="text-orange-500"></span>
+            </span>
+            <span className="text-slate-300 text-xs">
+              It can be casual or like an email subject line. Do this later if
+              you want.
+            </span>
+
+            <input
+              className="p-3 rounded mt-2 bg-slate-50 border placeholder-slate-300"
+              placeholder="ex: code 'n chill, sales, birthdays, sprint 7..."
+              value={tldr}
+              onChange={(e) => setTldr(e.target.value)}
+            />
+          </span>
+
           {!isSubmitting && (
             <button
               onClick={createConversation}