From b6c4aecf45d11c9f3d535ca434a02666247f7eba Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 10 May 2025 00:25:58 +0000
Subject: [PATCH] Improve the appearance of the footer and fix input issues on
 the auth page

Update the phone icon color in Footer.tsx to white and add a type guard to the Input component in AuthPage.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/b884aa85-c7c3-45e2-a461-19511fbda246.jpg
---
 client/src/components/navigation/footer.tsx | 2 +-
 client/src/pages/auth-page.tsx              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/navigation/footer.tsx b/client/src/components/navigation/footer.tsx
index 29c540d..fd2f627 100644
--- a/client/src/components/navigation/footer.tsx
+++ b/client/src/components/navigation/footer.tsx
@@ -135,7 +135,7 @@ export default function Footer() {
                 </a>
               </li>
               <li className="flex items-center">
-                <i className="fas fa-phone-alt mr-2 text-teal"></i>
+                <i className="fas fa-phone-alt mr-2 text-white"></i>
                 <a href="tel:+97150123567" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300">
                   +971 50 123 4567
                 </a>
diff --git a/client/src/pages/auth-page.tsx b/client/src/pages/auth-page.tsx
index 9ec1196..8ca41c3 100644
--- a/client/src/pages/auth-page.tsx
+++ b/client/src/pages/auth-page.tsx
@@ -197,7 +197,7 @@ export default function AuthPage() {
                             <FormItem>
                               <FormLabel>Full Name</FormLabel>
                               <FormControl>
-                                <Input placeholder="Enter your full name" {...field} />
+                                <Input placeholder="Enter your full name" {...field} value={typeof field.value === 'string' ? field.value : ''} />
                               </FormControl>
                               <FormMessage />
                             </FormItem>