Email SMTP Fix

src/pages/Profile.js

@@ -7,12 +7,14 @@ import { Input } from '../components/ui/input';
 import { Label } from '../components/ui/label';
 import { toast } from 'sonner';
 import Navbar from '../components/Navbar';
-import { User, Save } from 'lucide-react';
+import { User, Save, Lock } from 'lucide-react';
+import ChangePasswordDialog from '../components/ChangePasswordDialog';
 
 const Profile = () => {
   const { user } = useAuth();
   const [loading, setLoading] = useState(false);
   const [profileData, setProfileData] = useState(null);
+  const [passwordDialogOpen, setPasswordDialogOpen] = useState(false);
   const [formData, setFormData] = useState({
     first_name: '',
     last_name: '',
@@ -117,6 +119,18 @@ const Profile = () => {
                 </p>
               </div>
             </div>
+
+            <div className="mt-6">
+              <Button
+                type="button"
+                onClick={() => setPasswordDialogOpen(true)}
+                variant="outline"
+                className="border-2 border-[#E07A5F] text-[#E07A5F] hover:bg-[#FFF3E0] rounded-full px-6 py-3"
+              >
+                <Lock className="h-4 w-4 mr-2" />
+                Change Password
+              </Button>
+            </div>
           </div>
 
           {/* Editable Form */}
@@ -222,6 +236,11 @@ const Profile = () => {
             </Button>
           </form>
         </Card>
+
+        <ChangePasswordDialog
+          open={passwordDialogOpen}
+          onOpenChange={setPasswordDialogOpen}
+        />
       </div>
     </div>
   );