brandonbyr4 / openops Goto Github PK

Currently, the links in the header component have a gap-3 class. This should be changed to gap-2.

Markdown files

The function name should be changed, along with the call of the function in /index.js. Until there are cards to customize the function should be called handleAlert.

On lines 17 and 18 of settings.js and lines 11 and 12 of index.js: These divs should have className="max-w-screen-xl mx-auto". Currently, these errors are overflowing the dashboard.

On medium and small screens, the close button/icon does not close the navigation menu. The navigation menu stays open.

The close button on small and medium screens should close the navigation menu.

Create local settings file (xlx, txt maybe) to load local user info when the app loads. If nothing is in this file, the dashboard and settings page will prompt you to enter some credentials to get started.

add a mobile menu

Add the following props to the footer links: target="_blank", rel="noopener noreferrer". Currently, they open in the same tab.

Currently, they have the classes: flex, justify-center, text-center. This is redundant. Text-center needs to be removed from the 3 mobile menu links in /header.js.

These pages will be populated with user data from either a useContext file, or a .txt file. For now, just create the routes and fill them with some sample data.

Currently, inside header.js, there is:
< Link >
OpenOps
</ Link >.

This should be :
< Link >
< h6 >
OpenOps
</ h6 >
</ Link >

Currently, it says "report an issue". This should say "report a bug".

Make 3 dashboard cards for these apis. If there is a config setting, show that card. Can be dummy data for now. Use a charting library.

Pressing the configure button will pop up a modal, with inputs to enter the API keys for each card. Right now, just create the modal. The logic can be added in a separate ticket.

Actions are still failing for ES lint. Would like to git this one resolved asap.

I forgot to include a close button with the new InputModal component. There should be an svg X icon that triggers props.closeModal.

https://heroicons.com/ is where I am getting SVG icons.

Both the Link and Action buttons should have this class. Should be an easy fix.

Change the dashboard tables to look like this: https://dribbble.com/shots/19890621-Micromobility-Admin-Dashboard-Analytics-UX

Thanks for setting this up, it is running when excepted. Except for some reason, the tasks are showing as a fail @rabbanirizwan

If the user has no settings yet in their /settings page, the /index page should show a view linking to the settings page. This will be linked later using either useContext, or a local .txt file, but just create the view for now.

Both buttons should have an active: and focus: that adds a gray-900 ring around the button.

Include more details about the project, including links to contributing, security, code of conduct, and license files.

Currently, there is one empty string for Google Analytics, PayPal, and Stripe. I can already tell PayPal API requires more than this to make a call and retrieve data. Look up the docs for what each needs and change the JSON file to match.

Create a github actions to run "npm run lint" every time a pull request is made.

Bring in Poppins font

Add media queries to make the header, dashboard page, and footer have a desktop, tablet, and mobile view. use lg: md: tailwind prefixes.

Add a view for if there is no local user settings. This will be determined based on the local settings.