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

Photogallerymodal tags #976

Closed
wants to merge 11 commits into from
Closed

Photogallerymodal tags #976

wants to merge 11 commits into from

Conversation

clintonlunn
Copy link
Collaborator

@clintonlunn clintonlunn commented Sep 22, 2023


name: Pull request
about: Adding the taglist to the PhotoGalleryModal, add username to TagList

image


What type of PR is this?(check all applicable)

  • refactor
  • feature
  • bug fix
  • documentation
  • optimization
  • other

Description

Refactored the previous Tag component into three separate components: BaseTag, LocationTag, and UsernameTag. In addition, there is a boolean flag to render the UsernameTag within the TagList. This can maybe be refactored in the future to include a list of tagtypes to include in the list. This results in the username tag only being included in certain parts of the app since we have username tags elsewhere in other parts of the app.

Related Issues

Issue #645

What this PR achieves

Screenshots, recordings

Notes

@clintonlunn
Copy link
Collaborator Author

@vnugent i'm really not sure why the test build step gets skipped. but if you pull down my branch, you'll see the failing tests

@vercel
Copy link

vercel bot commented Sep 22, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
open-tacos ✅ Ready (Inspect) Visit Preview Nov 20, 2023 0:13am

@vnugent vnugent temporarily deployed to Preview September 22, 2023 19:21 — with GitHub Actions Inactive
@vnugent vnugent temporarily deployed to Preview September 22, 2023 19:25 — with GitHub Actions Inactive
@vnugent
Copy link
Contributor

vnugent commented Sep 22, 2023

  • I fixed the failing test and also relaxed some conditions in .github action file to make sure tests are run
  • Rebased your working branch with the latest develop. You should do pull to get the latest. Also run yarn install to pick up library upgrades.

@vnugent vnugent temporarily deployed to Preview September 22, 2023 19:41 — with GitHub Actions Inactive
@clintonlunn
Copy link
Collaborator Author

  • I fixed the failing test and also relaxed some conditions in .github action file to make sure tests are run
  • Rebased your working branch with the latest develop. You should do pull to get the latest. Also run yarn install to pick up library upgrades.

Thanks for the help. I think I see what you did here by mocking the child components to isolate just testing the PhotoMontage. I'll make sure I do this in the future!

@clintonlunn clintonlunn linked an issue Sep 23, 2023 that may be closed by this pull request
@clintonlunn clintonlunn temporarily deployed to Preview September 23, 2023 04:19 — with GitHub Actions Inactive
@clintonlunn clintonlunn marked this pull request as draft September 23, 2023 06:26
@clintonlunn clintonlunn requested a review from vnugent September 25, 2023 01:53
@vnugent
Copy link
Contributor

vnugent commented Sep 25, 2023

Thank you for taking on this. Some feedback:

  1. Area texts are hard to read. Maybe use the default black text and set the background similar to how it's previously done in the user gallery? (Neat and Cool tag)
Screenshot 2023-09-25 at 9 32 13 AM
  1. It may be a bit cluttering to have full username next to tags . Can you use the person icon? or does it make sense to reuse the RecentMediaCard so the gallery look consistent/similar to the front page?

Screenshot 2023-09-25 at 9 18 09 AM

@clintonlunn
Copy link
Collaborator Author

@vnugent I agree they are hard to read?

I tested out putting the recent media cards into the photogallery. What do you think of this? I feel like we might want to put some kind of border around to separate each card. I also feel that way about the newTags page too, but would also defer to what you think

image

@vnugent
Copy link
Contributor

vnugent commented Oct 3, 2023

@vnugent I agree they are hard to read?

I tested out putting the recent media cards into the photogallery. What do you think of this? I feel like we might want to put some kind of border around to separate each card. I also feel that way about the newTags page too, but would also defer to what you think

I like the newer version. Instead of adding borders, what about increasing the spacing between the cards?

I also feel that way about the newTags page too

which tag page? the user profile?

@clintonlunn
Copy link
Collaborator Author

clintonlunn commented Nov 20, 2023

image

@vnugent what do you think about this?

@vnugent
Copy link
Contributor

vnugent commented Nov 20, 2023

Can you please rebase? Not sure why photos are not loading in the preview build. We recently switched to the new image resizing service and introduced a PR that improves the way we load images.

/**
* Image card for the gallery page
*/
export const GalleryImageCard = ({
Copy link
Contributor

Choose a reason for hiding this comment

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

Visually these cards are very similar to RecentMedia cards. Let's merge after you rebase and refactor later.

@vnugent
Copy link
Contributor

vnugent commented Dec 1, 2023

Superceded by PR #1012

@vnugent vnugent closed this Dec 1, 2023
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.

Add tags to images within the PhotoGalleryModal
2 participants