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

Remove "Charts" tab from user page #2378

Merged
merged 15 commits into from Mar 6, 2023
Merged

Remove "Charts" tab from user page #2378

merged 15 commits into from Mar 6, 2023

Conversation

MonkeyDo
Copy link
Contributor

@MonkeyDo MonkeyDo commented Mar 2, 2023

Following in the footsteps of #2344 and #2343 in preparation for the Grand Redesing, losing another not-so-useful tab

Users (and the team as well) have been reporting that the charts tab is confusing as it seems to duplicate some of the information from the "Reports" tab.
It's also a not-very-usable page whoe sole reasons for existing are: 1. pagination and 2. playable listen cards

This PR tackles 2. by making the top entities in the "Reports" tab playable.
We need to keep the charts page because we currently don't have a good solution for 1., but it can be a hidden page with no direct access other than the "View more…" buttons/links on the Reports tab:

Removed another tab:
image

In the process, I had to make a couple of CSS changes to improve our compact ListenCard

The Reports page before:
image

The Reports page after:
image

MonkeyDo and others added 15 commits March 2, 2023 17:17
This allows us to improve the reports tab so that we can remove the charts tab.
The charts page stays for now because it allows users to navigate through all their top entities rather than just show the top 10, but it does not need a whole separate tab.
Users find this charts tab confusing because it duplicates some of the info in the reports tab.
We have som issues with display with the listen count badge. Too many items in that listencard, so for now hide the feedback buttons.
Plus some UI tweaks to improve the look of the page a bit
+ Make the "reports" tab active when on a charts page
Missing newAlert prop
Starting to use these components everywhere, and also need them to accept anchor tags.
Refactored the Pill component and extracted the styles into a LESS file.
Also applied the same styles for pills across the website
Finally surfacing the global stats page with a link on a page !
lots of 'em !
for lent.
redirect_charts -> redirect_stats
@MonkeyDo
Copy link
Contributor Author

MonkeyDo commented Mar 6, 2023

Updated screenshot with the user and global pills in the sub-nav, to the right, and renamed "statistics" tab:
image

Yes, I know, the top artists card is not the same height as the other ones. But it's not so easy to solve and required making each card a flex item, etc.
Will keep this for another PR.

Copy link
Member

@mayhem mayhem left a comment

Choose a reason for hiding this comment

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

Great job! I can't wait to see this in production!

@MonkeyDo MonkeyDo merged commit 69c26bc into master Mar 6, 2023
3 checks passed
@MonkeyDo MonkeyDo deleted the goodbye-charts-tab branch March 6, 2023 19:00
@MonkeyDo
Copy link
Contributor Author

MonkeyDo commented Mar 6, 2023

Just noticed that the tracks in the top tracks are not playable… something else to fix.

@mayhem
Copy link
Member

mayhem commented Mar 6, 2023

We'll hotfix both at the same time. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants