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

Gallery View and image info dialog #1081 #1099 #1083 #1082 #1145

Merged
merged 35 commits into from
Dec 10, 2024

Conversation

joshuadkitenge
Copy link
Collaborator

@joshuadkitenge joshuadkitenge commented Dec 4, 2024

Description

Remove react-photoswipe-gallery and use custom lightbox

Testing instructions

  • Review code
  • Check Actions build
  • Review changes to test coverage

closes #1081, closes #1099, closes #1083, closes #1082

- remove cardView footer
- Add MRT action menu and checkbox to card view and gallery lightbox
- remove max height in thumbnail
- one image should have a max length of 50%
@joshuadkitenge joshuadkitenge changed the title Remove react-photoswipe-gallery and use creat custom lightbox Remove react-photoswipe-gallery and use create custom lightbox Dec 4, 2024
Copy link

codecov bot commented Dec 4, 2024

Codecov Report

Attention: Patch coverage is 99.75000% with 2 lines in your changes missing coverage. Please review.

Project coverage is 99.23%. Comparing base (b540dba) to head (b72d8e1).
Report is 36 commits behind head on develop.

Files with missing lines Patch % Lines
src/common/images/imageGallery.component.tsx 99.46% 2 Missing ⚠️
Additional details and impacted files
@@             Coverage Diff             @@
##           develop    #1145      +/-   ##
===========================================
+ Coverage    99.19%   99.23%   +0.04%     
===========================================
  Files           82       88       +6     
  Lines        17094    17876     +782     
  Branches      2051     2946     +895     
===========================================
+ Hits         16956    17740     +784     
+ Misses         137      135       -2     
  Partials         1        1              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@joshuadkitenge joshuadkitenge changed the base branch from feature/image-information-dialog-#1082-#1083 to develop December 4, 2024 12:41
@joshuadkitenge joshuadkitenge changed the base branch from develop to feature/image-information-dialog-#1082-#1083 December 4, 2024 12:43
@joshuadkitenge joshuadkitenge changed the base branch from feature/image-information-dialog-#1082-#1083 to develop December 4, 2024 15:16
@joshuadkitenge joshuadkitenge changed the title Remove react-photoswipe-gallery and use create custom lightbox Gallery View and image info dialog #1081 #1099 #1083 #1082 Dec 4, 2024
@joshuadkitenge joshuadkitenge marked this pull request as ready for review December 4, 2024 16:56
@joshuadkitenge joshuadkitenge self-assigned this Dec 4, 2024
@joshuadkitenge joshuadkitenge added the feature New feature or request label Dec 4, 2024
Copy link
Collaborator

@joelvdavies joelvdavies left a comment

Choose a reason for hiding this comment

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

Just a few things left to look at, mostly minor comments. The error handling for invalid and non existent images works well.

src/api/api.types.tsx Show resolved Hide resolved
src/api/api.types.tsx Outdated Show resolved Hide resolved
src/common/preservedTableState.component.tsx Outdated Show resolved Hide resolved
src/mocks/handlers.ts Show resolved Hide resolved
src/mocks/handlers.ts Show resolved Hide resolved
src/common/images/thumbnailImage.component.tsx Outdated Show resolved Hide resolved
src/common/images/imageGallery.component.tsx Show resolved Hide resolved
src/common/images/imageGallery.component.tsx Show resolved Hide resolved
@joshuadkitenge joshuadkitenge force-pushed the custom-light-box branch 2 times, most recently from a9c606e to 5653237 Compare December 6, 2024 12:14
Comment on lines +344 to +347
(images.length % preservedState.pagination.pageSize ===
1 &&
isLastPage)
? '50%'
Copy link
Collaborator

Choose a reason for hiding this comment

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

This still happens when filtering so there is only one result
image

Copy link
Collaborator

@joelvdavies joelvdavies left a comment

Choose a reason for hiding this comment

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

Works well just the one comment above, happy for it to be merged while I am away assuming others have reviewed & approved.

- Filtering size issue
Copy link
Contributor

@asuresh-code asuresh-code left a comment

Choose a reason for hiding this comment

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

LGTM, works well, and no comments on the implementation or testing.

Copy link
Member

@rowan04 rowan04 left a comment

Choose a reason for hiding this comment

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

lgtm!

@joshuadkitenge joshuadkitenge merged commit 718d659 into develop Dec 10, 2024
6 checks passed
@joshuadkitenge joshuadkitenge deleted the custom-light-box branch December 10, 2024 15:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request
Projects
None yet
4 participants