Starting on #PHO-3 by adding buttons to start new chats.

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 7697d555bfea860d6f9711e70e04c6c9fe7384f2..5c948dad28975323941badaa498a5fe1938b9331 100755 (executable)
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,18 +4,10 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">

-    <list default="true" id="ab92709f-5288-4a55-873b-517f6adb96d1" name="Changes" comment="Adjusting gitignore file.">
-      <change afterPath="$PROJECT_DIR$/src/app/services/Photos/photoService.js" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/app/services/index.js" afterDir="false" />
+    <list default="true" id="ab92709f-5288-4a55-873b-517f6adb96d1" name="Changes" comment="Added modern attachment interaction for chat interface #PHO-2.">

       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />

-      <change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />

       <change beforePath="$PROJECT_DIR$/run-home.sh" beforeDir="false" afterPath="$PROJECT_DIR$/run-home.sh" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/run-home.sh" beforeDir="false" afterPath="$PROJECT_DIR$/run-home.sh" afterDir="false" />

-      <change beforePath="$PROJECT_DIR$/src/app/components/ChatBubble.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/components/ChatBubble.jsx" afterDir="false" />

       <change beforePath="$PROJECT_DIR$/src/app/views/Chat/Chat.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/views/Chat/Chat.jsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/app/views/Chat/Chat.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/views/Chat/Chat.jsx" afterDir="false" />

-      <change beforePath="$PROJECT_DIR$/src/app/views/Login/Login.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/views/Login/Login.jsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/app/views/Posts/Posts.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/views/Posts/Posts.jsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.css" afterDir="false" />

     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />


@@ -142,7 +134,7 @@
       <workItem from="1758924501796" duration="1314000" />
       <workItem from="1758938211300" duration="3162000" />
       <workItem from="1758942723819" duration="7654000" />
       <workItem from="1758924501796" duration="1314000" />
       <workItem from="1758938211300" duration="3162000" />
       <workItem from="1758942723819" duration="7654000" />

-      <workItem from="1758977841303" duration="29508000" />
+      <workItem from="1758977841303" duration="31342000" />

     </task>
     <task id="LOCAL-00001" summary="Initial commit.">
       <option name="closed" value="true" />
     </task>
     <task id="LOCAL-00001" summary="Initial commit.">
       <option name="closed" value="true" />


@@ -224,7 +216,31 @@
       <option name="project" value="LOCAL" />
       <updated>1758977897975</updated>
     </task>
       <option name="project" value="LOCAL" />
       <updated>1758977897975</updated>
     </task>

-    <option name="localTasksCounter" value="11" />
+    <task id="LOCAL-00011" summary="Adjusting input spacing on Login.jsx for readability.">
+      <option name="closed" value="true" />
+      <created>1759121031311</created>
+      <option name="number" value="00011" />
+      <option name="presentableId" value="LOCAL-00011" />
+      <option name="project" value="LOCAL" />
+      <updated>1759121031311</updated>
+    </task>
+    <task id="LOCAL-00012" summary="Removing the return statement inside the main useEffect call in Posts.jsx to clear error.">
+      <option name="closed" value="true" />
+      <created>1759121095040</created>
+      <option name="number" value="00012" />
+      <option name="presentableId" value="LOCAL-00012" />
+      <option name="project" value="LOCAL" />
+      <updated>1759121095040</updated>
+    </task>
+    <task id="LOCAL-00013" summary="Added modern attachment interaction for chat interface #PHO-2.">
+      <option name="closed" value="true" />
+      <created>1759121173795</created>
+      <option name="number" value="00013" />
+      <option name="presentableId" value="LOCAL-00013" />
+      <option name="project" value="LOCAL" />
+      <updated>1759121173795</updated>
+    </task>
+    <option name="localTasksCounter" value="14" />

     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">


@@ -250,7 +266,10 @@
     <MESSAGE value="Adding proper file upload management to chat #PHO-1." />
     <MESSAGE value="Adding proper file upload management to chat #PHO-2." />
     <MESSAGE value="Adjusting gitignore file." />
     <MESSAGE value="Adding proper file upload management to chat #PHO-1." />
     <MESSAGE value="Adding proper file upload management to chat #PHO-2." />
     <MESSAGE value="Adjusting gitignore file." />

-    <option name="LAST_COMMIT_MESSAGE" value="Adjusting gitignore file." />
+    <MESSAGE value="Adjusting input spacing on Login.jsx for readability." />
+    <MESSAGE value="Removing the return statement inside the main useEffect call in Posts.jsx to clear error." />
+    <MESSAGE value="Added modern attachment interaction for chat interface #PHO-2." />
+    <option name="LAST_COMMIT_MESSAGE" value="Added modern attachment interaction for chat interface #PHO-2." />

   </component>
   <component name="ai.zencoder.plugin.mcp">
     <option name="internalToolsState" value="{&quot;fetch_webpage&quot;:true,&quot;web_search&quot;:true,&quot;ExecuteShellCommand&quot;:true,&quot;file_search&quot;:true,&quot;str_replace_editor&quot;:true,&quot;list_resources&quot;:true,&quot;FileDiagnosticsTool&quot;:true,&quot;fulltext_search&quot;:true,&quot;read_resource&quot;:true,&quot;RequirementsTool&quot;:true}" />
   </component>
   <component name="ai.zencoder.plugin.mcp">
     <option name="internalToolsState" value="{&quot;fetch_webpage&quot;:true,&quot;web_search&quot;:true,&quot;ExecuteShellCommand&quot;:true,&quot;file_search&quot;:true,&quot;str_replace_editor&quot;:true,&quot;list_resources&quot;:true,&quot;FileDiagnosticsTool&quot;:true,&quot;fulltext_search&quot;:true,&quot;read_resource&quot;:true,&quot;RequirementsTool&quot;:true}" />

diff --git a/src/app/views/Chat/Chat.jsx b/src/app/views/Chat/Chat.jsx
index 3e10b50ce812e95356284509fa1db8bc1826b1df..3f9077b7eac1045648ad8874287ce37efd79e422 100755 (executable)
--- a/src/app/views/Chat/Chat.jsx
+++ b/src/app/views/Chat/Chat.jsx
@@ -383,6 +383,7 @@ const Chat = ( { user, socket, maxSizeMB = 10 } ) => {
              ref={fileRef}
              onChange={ e => handleFileChange(e) }/>
       { isSidebarOpen && <Grid size={{ xs: 10, md: 6, lg: 3 }}>
              ref={fileRef}
              onChange={ e => handleFileChange(e) }/>
       { isSidebarOpen && <Grid size={{ xs: 10, md: 6, lg: 3 }}>

+        <Button><AddIcon/> Add Conversation</Button><Button><AddIcon/> Add Group Chat</Button>

         { getConvos() }
       </Grid> }
       <Grid size="grow">
         { getConvos() }
       </Grid> }
       <Grid size="grow">