Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Horizontal Mentor card #197

Conversation

dilankavishka
Copy link
Contributor

@dilankavishka dilankavishka commented Sep 30, 2024

Purpose

The purpose of this PR is to fix #105

Goals

This PR introduces a separate component for the mentor card in horizontal view, as opposed to keeping it inside the MentorProfile component. The goal is to improve reusability across the project and maintain cleaner code.

Approach

  • Created a new, reusable MentorCardHorizontal component.

Screenshot

Screenshot (47)

Checklist

  • This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
  • I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • [-] I have commented my code, particularly in hard-to-understand areas
  • [-] I have made corresponding changes to the documentation

@anjula-sack
Copy link
Member

can you add a screenshot? Also the pipeline is failing @dilankavishka

@anjula-sack anjula-sack changed the base branch from main to development October 4, 2024 13:06
@dilankavishka
Copy link
Contributor Author

@anjula-sack, I did the changes

Comment on lines +141 to +143
<MentorCardHorizontal
mentor={mentee?.mentor}>
</MentorCardHorizontal>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<MentorCardHorizontal
mentor={mentee?.mentor}>
</MentorCardHorizontal>
<MentorCard mentor={mentee?.mentor} />

Comment on lines +22 to +27
<a
href="#"
className="hover:underline"
target="_blank"
rel="noreferrer"
>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Link to the mentor page

import ProfilePic from '../ProfilePic/index.tsx';

interface MentorCardProps {
mentor: Mentor|undefined;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
mentor: Mentor|undefined;
mentor?: Mentor;

@dilankavishka dilankavishka deleted the horizontal-mentor-card branch December 1, 2024 07:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create a separate component for mentor card (horizontal view)
2 participants