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

feat: add article page #25

Merged
merged 10 commits into from
Nov 5, 2024
Merged

feat: add article page #25

merged 10 commits into from
Nov 5, 2024

Conversation

limsohee1002
Copy link

@limsohee1002 limsohee1002 commented Nov 1, 2024

Description

#12 Articles - Image module
#21 Articles Markdown styling
#11 Articles Header (Edit Side Nav + On this Page + Breadcrumbs) <- sidenav I didn't work on it yet.
#13 Articles - Rating module
#20 Articles - Related articles module
Add category page
Add section page

Type(s) of changes

  • Bug fix
  • New feature
  • Update to an existing feature

Motivation for PR

How Has This Been Tested?

Applicable screenshots

https://www.loom.com/share/1fddc30664d942a79e3cbcc074c29dae?sid=1f72dce9-69f3-41b9-90da-a7c050407ef0

Follow-up PR

@limsohee1002 limsohee1002 marked this pull request as ready for review November 1, 2024 20:51
@limsohee1002 limsohee1002 changed the title [WIP] feat: add article page feat: add article page Nov 1, 2024
articlePageData: ArticlePageData;
};

export const ArticleBreadcrumbs: FC<Props> = ({ articlePageData }) => {

Choose a reason for hiding this comment

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

I'm not seeing breadcrumbs in the preview.. is this data available on the page? why isn't it shown?

Copy link
Author

Choose a reason for hiding this comment

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

oh that is bug I missed that! I will update it!

Copy link

@nahbee10 nahbee10 left a comment

Choose a reason for hiding this comment

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

  • did you also add image module in this PR? Images are rendered in this way, without any vertical paddings and the gray background(with icon+caption) as the design
Screenshot 2024-11-02 at 11 49 48 AM

Comment on lines 173 to 179
<div className="flex flex-col">
<h4 className="transition subheading-2 text-light-neutral-1 dark:text-dark-neutral-1 group-hover:text-light-pink-vibrant dark:group-hover:text-dark-pink-vibrant">
{title}
</h4>
<p className="body-3 text-light-neutral-2 dark:text-dark-neutral-2">{description}</p>
</div>
<div className="transition opacity-0 group-hover:opacity-100">
Copy link

Choose a reason for hiding this comment

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

this creates a bit of regression on the short description items:
Screenshot 2024-11-02 at 11 51 25 AM

@nahbee10
Copy link

nahbee10 commented Nov 4, 2024

  • also noticed this bug on the theme switcher on mobile. will add this to the QA items:
Screenshot 2024-11-02 at 11 46 29 AM

@nahbee10
Copy link

nahbee10 commented Nov 4, 2024

@limsohee1002
Copy link
Author

image
this is image on
https://uniswaplabs.zendesk.com/hc/en-us/articles/17674084283149-How-to-swap-on-UniswapX
this article. The caption is part of the image, and we can't really render it separately...
https://uniswaplabs.zendesk.com/hc/article_attachments/24477317213581

@limsohee1002
Copy link
Author

  • did you also add image module in this PR? Images are rendered in this way, without any vertical paddings and the gray background(with icon+caption) as the design
Screenshot 2024-11-02 at 11 49 48 AM

The link on the image doesn't seem to work anymore...
https://uniswaplabs.zendesk.com/hc/en-us/articles/31449357746573-What-are-these-sections-and-articles-doing-here

@limsohee1002
Copy link
Author

@limsohee1002 limsohee1002 requested a review from nahbee10 November 5, 2024 19:01
@nahbee10 nahbee10 merged commit 5926205 into master Nov 5, 2024
3 checks passed
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.

3 participants