Spaces:

matthoffner
/

chat-with-internet

Paused

matt HOFFNER commited on Nov 8, 2023

Commit

aab77fe

•

1 Parent(s): 78354fc

cleanup

Files changed (1) hide show

app/page.tsx CHANGED Viewed

@@ -137,31 +137,29 @@ const Page: React.FC = () => {
             const messageClass = `message ${message.role === 'user' ? 'message-user' : ''}`;
             return (
               <div key={i} className={messageClass}>
-                <div className="flex w-full max-w-screen-md items-start space-x-4 px-5 sm:px-0">
-                  <div className="avatar">
-                    {roleUIConfig[message.role].avatar}
-                  </div>
-                  {message.content === "" && message.function_call != undefined ? (
-                    typeof message.function_call === "object" ? (
-                      <div className="flex flex-col">
-                        <div>
-                          Using{" "}
-                          <span className="font-bold">
-                            {message.function_call.name}
-                          </span>{" "}
-                          ...
-                        </div>
-                        <div className="">
-                          {message.function_call.arguments}
-                        </div>
                       </div>
-                    ) : (
-                      <div className="function-call">{message.function_call}</div>
-                    )
                   ) : (
-                    roleUIConfig[message.role].dialogComponent(message)
-                  )}
-                </div>
               </div>
             );
         })) : null}

             const messageClass = `message ${message.role === 'user' ? 'message-user' : ''}`;
             return (
               <div key={i} className={messageClass}>
+                <div className="avatar">
+                  {roleUIConfig[message.role].avatar}
+                </div>
+                {message.content === "" && message.function_call != undefined ? (
+                  typeof message.function_call === "object" ? (
+                    <div className="flex flex-col">
+                      <div>
+                        Using{" "}
+                        <span className="font-bold">
+                          {message.function_call.name}
+                        </span>{" "}
+                        ...
+                      </div>
+                      <div className="">
+                        {message.function_call.arguments}
                       </div>
+                    </div>
                   ) : (
+                    <div className="function-call">{message.function_call}</div>
+                  )
+                ) : (
+                  roleUIConfig[message.role].dialogComponent(message)
+                )}
               </div>
             );
         })) : null}