Merge pull request #53 from FSDSTR0225/fix/refactor-rec-profile-card

Fix/refactor rec profile card

Author: carlosdamota

.env.production

@@ -0,0 +1,2 @@
+# Variables de entorno para PRODUCCIÓN (Netlify)
+VITE_BASE_URL=https://codepply.onrender.com

src/features/recruiters/components/ListDashBoard.jsx

@@ -4,7 +4,7 @@ import { TabsDashboard } from './TabsDashboard';
 import { ListDashBoardCard } from './ListDashBoardCard';
 
 
-export const ListDashBoard = ({ classProps, offerId, lists, setLists, getCandidates,skillsOffer, openChat, handlerDownloadCV, handlerDownloadCoverLetter }) => {
+export const ListDashBoard = ({ classProps, offerId, lists, setLists, getCandidates,skillsOffer, openChat, handleDownloadCV, handleDownloadCoverLetter }) => {
   const [activeTab, setActiveTab] = useState(Object.keys(lists)[0]);
 
   const changeStatusCandidate = async (status, idCandidato) => {
@@ -39,12 +39,12 @@ export const ListDashBoard = ({ classProps, offerId, lists, setLists, getCandida
 
     <div className="w-full">
       {/* Tabs */}
-      <TabsDashboard lists={lists} ActiveTab={activeTab} colors={colors} setActiveTab={setActiveTab}/>
+      <TabsDashboard lists={lists} activeTab={activeTab} colors={colors} setActiveTab={setActiveTab}/>
 
 
       {/* Contenido de la pestaña activa */}
       <ListDashBoardCard lists={lists} activeTab={activeTab} 
-      handlerDownloadCV={handlerDownloadCV} handlerDownloadCoverLetter={handlerDownloadCoverLetter} openChat={openChat}
+      handleDownloadCV={handleDownloadCV} handleDownloadCoverLetter={handleDownloadCoverLetter} openChat={openChat}
       setActiveTab={setActiveTab} skillsOffer={skillsOffer} colors={colors} fadedColors={fadedColors} textColors={textColors} changeStatusCandidate={changeStatusCandidate} offerId={offerId} />
 
                               </div>

src/features/recruiters/components/ListDashBoardCard.jsx

@@ -8,7 +8,7 @@ import { capitalize } from "../../../utils/utils"
 
 
 
-export const ListDashBoardCard = ({lists, activeTab, skillsOffer, colors, fadedColors, textColors, changeStatusCandidate, offerId, openChat, handlerDownloadCV, handlerDownloadCoverLetter }) => {
+export const ListDashBoardCard = ({lists, activeTab, skillsOffer, colors, fadedColors, textColors, changeStatusCandidate, offerId, openChat, handleDownloadCV, handleDownloadCoverLetter }) => {
 
 
 
@@ -22,7 +22,7 @@ export const ListDashBoardCard = ({lists, activeTab, skillsOffer, colors, fadedC
           const surname = capitalize(candidato?.user?.surname || '');
           const completeName = `${name} ${surname}`.trim() || 'Unknown Profile';
           const isResume = candidato?.user?.role?.developer?.resume;
-          const isCoverLetter = (candidato?.user?.role?.developer?.coverLetter?.length ?? 0) >= 5;
+          const isCoverLetter = (candidato?.coverLetter?.length ?? 0) >= 5;
           return (
     <div key={candidato._id} className="bg-neutral-80 p-4 gap-2 rounded-lg shadow-sm border border-neutral-60 flex flex-col">
                 <div
@@ -95,7 +95,7 @@ export const ListDashBoardCard = ({lists, activeTab, skillsOffer, colors, fadedC
 
                                               <button 
                                                 onClick={() =>
-                  handlerDownloadCV(
+                  handleDownloadCV(
                     candidato.user.role.developer.resume,
                     `${completeName}_CV.pdf`
                   )
@@ -105,7 +105,7 @@ export const ListDashBoardCard = ({lists, activeTab, skillsOffer, colors, fadedC
                                                 <PiReadCvLogo size={20} />
                                               </button>
                                               <button
-                                                onClick={() => handlerDownloadCoverLetter(offerId, candidato._id)}
+                                                onClick={() => handleDownloadCoverLetter(offerId, candidato._id)}
                                                 className={`btn btn-md  bg-neutral-90 hover:bg-neutral-60 ${!isCoverLetter && 'btn-disabled'} `}
                                               >
                                                 <PiFileArrowDown size={20} />

src/features/recruiters/components/RecProfileCard.jsx

@@ -35,10 +35,10 @@ export const RecProfileCard = ({ recruiter, profile, id, token, setProfile }) =>
           }
           <div className="flex flex-col items-center">
             <div className="flex items-center justify-center rounded-full w-32 h-32 text-8xl">
-              <AvatarImage user={profile} width={32} />
+              <AvatarImage user={recruiter} width={32} />
             </div>
             <h1 className="text-xl font-bold mt-4 text-center">
-              <NameUsers user={profile} classProps="text-lg font-semibold">
+              <NameUsers user={recruiter} classProps="text-lg font-semibold">
                 {profile?.role.type}
               </NameUsers>
             </h1>

src/features/recruiters/pages/DashBoarPage.jsx

@@ -94,6 +94,9 @@ const handleDownloadCoverLetter = async (offerId, userId) => {
       {/* En pantallas menores a lg: siempre muestra ListDashBoard */}
       <div className="lg:hidden">
         <ListDashBoard offerId={offerId}
+          openChat={openChat}
+          handleDownloadCoverLetter={handleDownloadCoverLetter}
+          handleDownloadCV={handleDownloadCV}
           skillsOffer={skillsOffer}
           lists={lists}
           setLists={setLists}