changes in styles

Author: antonioj-arce

src/components/settings/RemoveAccountModal.jsx

@@ -57,9 +57,9 @@ export default function RemoveAccountModal({ open, setOpen, profileData, onSubmi
     <div className="modal modal-open fixed inset-0 flex justify-center items-center z-50">
       <div className="modal-box max-w-3xl bg-neutral-80 border border-neutral-70 rounded-lg p-6 relative">
         <form onSubmit={handleSubmit(handleDeleteSubmit)} className="flex flex-col gap-4">
-          <h2 className="text-2xl font-bold text-center text-primary-50">Desactivate your account</h2>
+          <h2 className="text-2xl font-bold text-center text-yellow-500">Desactivate your account</h2>
 
-          <div className="bg-primary-10 border border-primary-40 text-primary-70 px-4 py-3 rounded mb-4">
+          <div className="bg-primary-10 border border-yellow-400 text-yellow-700 px-4 py-3 rounded mb-4">
             <strong>Notice:</strong> Your account will be desactivated. You won't be able to access it, but your data will be preserved. Contact support if you need to reactivate your account.
           </div>
 
@@ -77,7 +77,7 @@ export default function RemoveAccountModal({ open, setOpen, profileData, onSubmi
               className="input input-bordered bg-neutral-90 text-neutral-0 border-neutral-60 w-full placeholder-neutral-40 placeholder:italic"
             />
             {errors.email && (
-              <span className="text-primary-500 text-sm mt-1">{errors.email.message}</span>
+              <span className="text-yellow-500 text-sm mt-1">{errors.email.message}</span>
             )}
           </div>
 
@@ -86,14 +86,14 @@ export default function RemoveAccountModal({ open, setOpen, profileData, onSubmi
             <button 
               type="submit"
               disabled={isSubmitting}
-              className="btn bg-primary-60 text-neutral-0 hover:bg-primary-70 border"
+              className="btn bg-red-600 text-neutral-0 hover:bg-red-700 border"
             >
               {isSubmitting ? "Desactivating..." : "Desactivate Account"}
             </button>
             <button 
               type="button"
               onClick={handleClose}
-              className="btn bg-neutral-90 border border-neutral-70 text-neutral-0 hover:text-primary-40"
+              className="btn bg-neutral-90 border border-neutral-70 text-neutral-0 hover:text-yellow-400"
             >
               Cancel
             </button>

src/features/auth/ResetPassword.jsx

@@ -28,8 +28,8 @@ const handleSubmit = async (e) => {
 };
 
   return (
-    <div className="min-h-screen flex items-center justify-center bg-neutral-60 px-4">
-      <div className="bg-neutral-80 shadow-lg rounded-lg p-8 max-w-md w-full">
+    <div className="min-h-screen flex items-center justify-center bg-neutral-90 px-4">
+      <div className="bg-neutral-80 shadow-lg rounded-lg p-8 max-w-md w-full border-1 border-neutral-60">
         <h2 className="text-2xl font-bold text-center mb-4">
           Reset your Password
         </h2>
@@ -46,7 +46,7 @@ const handleSubmit = async (e) => {
 
           <button
             type="submit"
-            className="btn bg-primary-60 text-neutral-10 hover:bg-primary-70 w-full"
+            className="btn bg-primary-60 hover:bg-primary-70 w-full"
             disabled={isSubmitting}
           >
             {isSubmitting ? "Saving..." : "Change password"}

src/features/developer/components/InfoDeveloper.jsx

@@ -289,7 +289,9 @@ const handleDownloadCV = async (resumeUrl, fileName = 'CV.pdf') => {
               <PiChatCenteredDots className="text-xl mr-2 text-primary-50" />
               About Me
             </h2>
-            <span>{profileInfo.description}</span>
+            <span className={!profileInfo.description ? "text-neutral-40" : ""}>
+              {profileInfo.description || "This user has not completed their 'About Me' yet."}
+            </span>
           </div>
         </div>
 

src/features/developer/components/OwnProjectCard.jsx

@@ -218,7 +218,7 @@ function OwnProjectCard({ profileInfo }) {
 
                     {/* Contenido - con scroll interno si es necesario */}
                     <div className="flex-1 px-4 min-h-0 overflow-hidden">
-                      <p className="text-sm mb-2 line-clamp-2">
+                      <p className="text-sm mb-2 line-clamp-2 mr-8">
                         {project.description || 'No description'}
                       </p>
 
@@ -317,7 +317,7 @@ function OwnProjectCard({ profileInfo }) {
 
                     {/* Contenido */}
                     <div className="flex-1 px-4 min-h-0 overflow-hidden">
-                      <p className="text-sm mb-2 line-clamp-3">
+                      <p className="text-sm mb-2 line-clamp-3 mr-8">
                         {project.description || 'No description'}
                       </p>
 

src/features/developer/components/devModal.jsx

@@ -327,7 +327,11 @@ export default function DevModal({
               {...register("description", {
                 maxLength: {
                   value: 500,
-                  message: "Máximo 500 caracteres",
+                  message: "Max 500 characters",
+                },
+                minLength: {
+                  value: 50,
+                  message: "Min 50 characters",
                 },
               })}
               placeholder="Text a description about you..."

src/features/developer/pages/ProfileDevPage.jsx

@@ -30,7 +30,10 @@ export function ProfileDevPage() {
     setProfileToShow(updatedProfile);
   };
 
-  if (!profileToShow) return <p>Loading profile...</p>;
+  if (!profileToShow) return 
+    <div className="w-full flex justify-center items-center min-h-[200px]">
+      <span className="loading loading-spinner loading-md"></span>
+    </div>;
 
   return (
     <div className="p-4 max-w-screen-xl mx-auto">

src/pages/SettingsPage.jsx

@@ -9,7 +9,7 @@ import { PiUserList, PiTrash, PiPassword } from "react-icons/pi";
 import { AuthContext } from '../context/authContext';
 
 export const SettingsPage = () => {
-  const { token, logout } = useContext(AuthContext);
+  const { token, logout, setProfile } = useContext(AuthContext);
   const navigate = useNavigate();
   const [isPasswordModalOpen, setIsPasswordModalOpen] = useState(false);
   const [isRemoveModalOpen, setIsRemoveModalOpen] = useState(false);
@@ -103,6 +103,10 @@ const handleUserInfoUpdate = async (data) => {
           ...profileData.role?.developer,
           location: data.location,
         },
+        recruiter: {
+          ...profileData.role?.recruiter,
+          location: data.location,
+        },
       },
     };
 
@@ -114,6 +118,7 @@ const handleUserInfoUpdate = async (data) => {
     if (result && result.user) {
       // console.log('User info updated:', result);
       setProfileData(result.user);
+      setProfile(result.user);
       setIsUserAccountModalOpen(false);
       alert('User information updated successfully!');
     } else {
@@ -128,8 +133,8 @@ const handleUserInfoUpdate = async (data) => {
 
   if (loading) {
     return (
-      <div className="flex justify-center items-center min-h-screen">
-        <div className="loading loading-spinner loading-lg"></div>
+      <div className="w-full flex justify-center items-center min-h-[200px]">
+        <span className="loading loading-spinner loading-md"></span>
       </div>
     );
   }