π Feature: add filtering to the analytics page
nevo-david opened this issue Β· comments
π Feature description
On the main analytics page, add a date range picker between dates.
It will filter both the top graph and the amount of stars at the bottom.
π€ Why is this feature needed ?
Sometimes, we need more focused analytics on specific dates
βοΈ How do you aim to achieve this?
- Add the frontend logic into the apps/frontend/src/components/analytics
- Add the backend logic into the DTO and the services, starting from the controller at apps/backend/src/api/routes/analytics.controller.ts
ποΈ Additional Information
No response
π Have you spent some time to check if this feature request has been raised before?
- I checked and didn't find similar issue
Are you willing to submit PR?
None
Hi @nevo-david I am pretty new to open source configuration and was wondering if I could help out on this issue?
Hi @jyo142 :)
For sure, but can you run the project before?
@nevo-david thank you for your response. I believe that I have successfully run the project locally. Does this look correct?
![Screenshot 2024-05-01 at 9 04 51 PM](https://private-user-images.githubusercontent.com/4103523/327307277-a61cfdc0-9dfd-47e0-bc2b-a89e288f4e80.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTc3MzM3NzYsIm5iZiI6MTcxNzczMzQ3NiwicGF0aCI6Ii80MTAzNTIzLzMyNzMwNzI3Ny1hNjFjZmRjMC05ZGZkLTQ3ZTAtYmMyYi1hODllMjg4ZjRlODAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYwNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MDdUMDQxMTE2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZGE2ODJmNDg3Y2NjNGRmYTMwNTA0ZTczNjk3MDkzYWU3OWRmNWFmYjU0YjFmNzliZDQwYjA0NzJmYzQ1NGNmNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.2p88xG_5rkasr9-7q30lgyUnm0itN8oKI2iVA7U-Ikw)
Awesome!
Assigning it to you @jyo142,
Make sure you add your GitHub in the settings so you can see more metrics.
Hi @nevo-david this may be a silly question... but do you know how I can get past the billing? Whenver I go to the Billing page locally the popup of "Payment Required" keeps showing up even if I click on the "Move to Billing" button. I could play around with the code to try and make it work but I just wanted to make sure that I do it the right way. Do I have to signup in the production instance first?
Thanks!
![Screenshot 2024-05-02 at 12 52 43 PM](https://private-user-images.githubusercontent.com/4103523/327570184-540c9d04-7cb8-44dd-a2b6-6aa0469f0de8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTc3MzM3NzYsIm5iZiI6MTcxNzczMzQ3NiwicGF0aCI6Ii80MTAzNTIzLzMyNzU3MDE4NC01NDBjOWQwNC03Y2I4LTQ0ZGQtYTJiNi02YWEwNDY5ZjBkZTgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYwNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MDdUMDQxMTE2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YTJlNDE2MjIxMzQ3ZGI2NTllZDc2MmNjZjg4OWI5MzE2MjQ3NWQ2ZmVjZGUzM2FmYTNlZTA5ODk2NzBiNmY1OCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.tlYBoh-ysd7iZquxEnw2YRr0LiJM-emFR5dc_rkrWyo)
hi @nevo-david thank you for the response. Unfortunately removing the env variables still did not help :( just curious would you be available for a quick screenshare sometime? I do really want to help out but hopefully I can resolve this issue soon
@jyo142 we have fixed the problem, can you take the new changes from main?
@nevo-david @joset98 that worked thanks for the fix! Sorry i have been caught up with work and havent been able to put much attention into this. @nevo-david what is your opinion on using external packages for this project? I was thinking about https://www.npmjs.com/package/react-date-range (it says not being maintained, but that was about 2 weeks ago and it still looks very good and popular)
@jyo142 thank you for the response, I have somewhat missed it. Sorry for that.
We already have a datepicker in the project, check out:
apps/frontend/src/components/launches/helpers/date.picker.tsx
It uses mantine, feel free to customize another component from it for a range picker, should be easy :)