Skip to content

Commit

Permalink
Fix lint issues
Browse files Browse the repository at this point in the history
  • Loading branch information
Madhawa97 committed Aug 9, 2024
1 parent 9991663 commit 5c84bb3
Showing 1 changed file with 10 additions and 11 deletions.
21 changes: 10 additions & 11 deletions src/components/MenteeList/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -27,18 +27,17 @@ const MenteeProfilePic: React.FC<{ src: string; alt: string }> = ({

const MenteesList: React.FC<{ mentees: Mentee[] }> = ({ mentees }) => (
<div className="flex flex-wrap gap-1">
{mentees &&
mentees.map((mentee, index) => (
<div key={index} className="relative group">
<MenteeProfilePic
src={mentee.application?.profilePic}
alt={`${mentee.application.firstName} ${mentee.application.lastName}`}
/>
<div className="absolute bottom-12 left-1/2 transform -translate-x-1/2 whitespace-nowrap bg-gray-800 text-white text-xs rounded-lg px-2 py-1 opacity-0 group-hover:opacity-100">
{`${mentee.application.firstName} ${mentee.application.lastName}`}
</div>
{mentees?.map((mentee, index) => (
<div key={index} className="relative group">
<MenteeProfilePic
src={mentee.application?.profilePic}
alt={`${mentee.application.firstName} ${mentee.application.lastName}`}
/>
<div className="absolute bottom-12 left-1/2 transform -translate-x-1/2 whitespace-nowrap bg-gray-800 text-white text-xs rounded-lg px-2 py-1 opacity-0 group-hover:opacity-100">
{`${mentee.application.firstName} ${mentee.application.lastName}`}
</div>
))}
</div>
))}
</div>
);

Expand Down

0 comments on commit 5c84bb3

Please sign in to comment.