Update frontend/src/App.jsx

frontend/src/App.jsx

@@ -9,7 +9,6 @@ const mockUser = {
   isLoggedIn: true,
 };
 
-
 // =================================================================================
 // Chat Components (ChatPage and ChatInput)
 // =================================================================================
@@ -60,7 +59,6 @@ const ChatInput = ({ onSendMessage, isLoading, setInputText, inputText }) => {
     }
   }, [mediaBlobUrl, status, setInputText]);
 
-
   const handleTextChange = (e) => {
     setInputText(e.target.value);
   };
@@ -122,7 +120,6 @@ const ChatInput = ({ onSendMessage, isLoading, setInputText, inputText }) => {
   );
 };
 
-
 const ChatPage = () => {
   const [chatHistory, setChatHistory] = useState([]);
   const [isSending, setIsSending] = useState(false);
@@ -237,9 +234,8 @@ const ChatPage = () => {
   );
 };
 
-
 // =================================================================================
-// Auth Components (Login and SignUp) - No changes needed here
+// Auth Components (Login and SignUp)
 // =================================================================================
 
 const AuthForm = ({ isLogin = false }) => {
@@ -255,6 +251,8 @@ const AuthForm = ({ isLogin = false }) => {
       setError('Please fill in all fields.');
       return;
     }
+    // In a real app, you'd integrate with Firebase or your backend for authentication
+    // For this mock, we just set isLoggedIn to true
     mockUser.isLoggedIn = true;
     navigate('/chat');
   };
@@ -304,11 +302,12 @@ const Header = ({ user }) => {
   return (
     <header className="app-header">
       <div className="logo">
-        <img src={chatbotLogo} alt="Dobby Logo" className="header-logo" />
+        {/* Changed order: Dobby text first, then logo */}
         <div className="brand-names">
           <span className="main-brand">Dobby</span>
           <span className="sub-brand">GUVI Assistant</span>
         </div>
+        <img src={chatbotLogo} alt="Dobby Logo" className="header-logo" />
       </div>
       <nav>
         {user && user.isLoggedIn ? (
@@ -324,7 +323,6 @@ const Header = ({ user }) => {
   );
 };
 
-
 function App() {
   const [user] = useState(mockUser);