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

fix: improve App Store filters & misaligned arrow indicators #18455

Merged
merged 2 commits into from
Jan 3, 2025

Conversation

cnhhoang850
Copy link
Contributor

@cnhhoang850 cnhhoang850 commented Jan 3, 2025

What does this PR do?

  • Change filtering logic from sever side to client side in All apps display in App Store to improve interactivity & performance. Current implementation freezes without interaction indication due to routing & resets page position.

  • Aligned arrow indicators with width of filters category tab bar

Before

https://www.loom.com/share/1c9e5309941d42498b399a63c83d4cc7

fix_.make.App.Store.filter.logic.client.side.misaligned.arrow.indicators.-.Old.mp4

After

https://www.loom.com/share/445f188a12a14455895f8b5d60cf4653

fix_.make.App.Store.filter.logic.client.side.misaligned.arrow.indicators.-.New.mp4

Mandatory Tasks (DO NOT REMOVE)

  • I have self-reviewed the code (A decent size PR without self-review might be rejected).
  • I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox.
  • I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

  • Visit the App Store
  • Scroll to the All apps section & use filters

Copy link

vercel bot commented Jan 3, 2025

@cnhhoang850 is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

@graphite-app graphite-app bot added the community Created by Linear-GitHub Sync label Jan 3, 2025
@graphite-app graphite-app bot requested a review from a team January 3, 2025 13:14
@dosubot dosubot bot added app-store area: app store, apps, calendar integrations, google calendar, outlook, lark, apple calendar 🐛 bug Something isn't working 🧹 Improvements Improvements to existing features. Mostly UX/UI labels Jan 3, 2025
Copy link

graphite-app bot commented Jan 3, 2025

Graphite Automations

"Add consumer team as reviewer" took an action on this PR • (01/03/25)

1 reviewer was added to this PR based on Keith Williams's automation.

"Add community label" took an action on this PR • (01/03/25)

1 label was added to this PR based on Keith Williams's automation.

"Add ready-for-e2e label" took an action on this PR • (01/03/25)

1 label was added to this PR based on Keith Williams's automation.

@cnhhoang850 cnhhoang850 changed the title fix: improve useInViewObserver hook to trigger when observer is already in view on mount fix: improve App Store filters & misaligned arrow indicators Jan 3, 2025
Copy link
Contributor

@Praashh Praashh left a comment

Choose a reason for hiding this comment

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

LGTM!!

Copy link
Contributor

github-actions bot commented Jan 3, 2025

E2E results are ready!

Copy link
Contributor

@Praashh Praashh left a comment

Choose a reason for hiding this comment

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

team-labels are failing, can you please fix this 🙏 ?

@cnhhoang850
Copy link
Contributor Author

team-labels are failing, can you please fix this 🙏 ?

Done ty

Copy link
Contributor

@Praashh Praashh 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 🙏

@emrysal emrysal merged commit aa0b3a2 into calcom:main Jan 3, 2025
32 of 36 checks passed
MuhammadAimanSulaiman pushed a commit to hit-pay/cal.com that referenced this pull request Feb 24, 2025
MuhammadAimanSulaiman pushed a commit to hit-pay/cal.com that referenced this pull request Feb 24, 2025
MuhammadAimanSulaiman pushed a commit to hit-pay/cal.com that referenced this pull request Feb 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
app-store area: app store, apps, calendar integrations, google calendar, outlook, lark, apple calendar 🐛 bug Something isn't working community Created by Linear-GitHub Sync 🧹 Improvements Improvements to existing features. Mostly UX/UI ready-for-e2e
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants