Skip to content
This repository has been archived by the owner on Aug 7, 2024. It is now read-only.

Add link markdown style in bio #7339

Merged
merged 3 commits into from
Jun 4, 2023

Conversation

harshpatel-r
Copy link
Contributor

@harshpatel-r harshpatel-r commented Jun 2, 2023

Fixes Issue

where the links in the bio were lacking the app's link styles (see screenshot) #7152

Closes #7152

Check List (Check all the applicable boxes)

  • My code follows the code style of this project.
  • My change requires changes to the documentation.
  • I have updated the documentation accordingly.
  • All new and existing tests passed.
  • This PR does not contain plagiarized content.
  • The title of my pull request is a short description of the requested changes.

Screenshots

fixed
bio-link-lightmode
bio-link-lightmode-hover
bio-link-darkmode

Note to reviewers

@eddiejaoude @SaraJaoude
Please review and merge this pull request. It addresses the issue where the links in the bio were not displaying the app's link styles. To fix this problem, I have overridden the <a> tag in react-markdown to ensure that the links in the bio have the correct styling.

I have thoroughly tested the changes and verified that the links now appear with the desired app-specific styles. Additionally, I have ensured that the changes do not introduce any regressions and that all existing tests pass successfully.

Your feedback and review are greatly appreciated. Thank you for your time and assistance in merging these improvements!

@github-actions github-actions bot added the medium Pull request with changed lines between 10 and 30 label Jun 2, 2023
@github-actions
Copy link
Contributor

github-actions bot commented Jun 2, 2023

Welcome @harshpatel-r! Thank you so much for your first pull request!

Copy link
Member

@eddiejaoude eddiejaoude left a comment

Choose a reason for hiding this comment

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

Thank you for your contribution.

I think you can change it for the plug-in globally here components/mdx/ComponentStyle.js

@SaraJaoude SaraJaoude added the issue linked Pull Request has issue linked label Jun 3, 2023
@harshpatel-r
Copy link
Contributor Author

Hi @eddiejaoude , thank you for your feedback. Just to confirm, regarding the changes you mentioned, do you want me to:

1)Apply my styles globally to the Link component, or
2)Remove my custom styles and revert to using the existing global styles for the Link component?

Could you please provide further guidance on how to proceed with this?

@eddiejaoude
Copy link
Member

Thanks @harshpatel-r , we would like to keep the current link style consistent, so option 2 please

@github-actions github-actions bot added small Pull request with less than 10 changed lines and removed medium Pull request with changed lines between 10 and 30 labels Jun 4, 2023
@harshpatel-r
Copy link
Contributor Author

Closes #7152
hii @eddiejaoude ,
I have made updates to the code based on the feedback received. Please review the changes and provide your feedback on the following:

Changes Made:

Updated the bio links style with the Link component.

Screenshots

bio-link-style-darkmode
bio-link-style-lightmode

Copy link
Member

@eddiejaoude eddiejaoude left a comment

Choose a reason for hiding this comment

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

Looks good 👍

@eddiejaoude eddiejaoude merged commit ff4e9cc into EddieHubCommunity:main Jun 4, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
issue linked Pull Request has issue linked small Pull request with less than 10 changed lines waiting-for-reviewers
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[BUG] links in bio with markdown do not have any visual identification
3 participants