tarikhamilton / one-rep-max Goto Github PK

Currently, you can only edit what has been created, which are three defaults. While you can rename them, it would be best if the user could track exactly what they consider important.

Requirements

As a user, I'd like to have as many exercise maxes as I desire.

• While in edit mode, add a green button under the latest row that says "Add".
• While in edit mode, add a third column and add a red button that says "Remove" on each row.
• Do not allow less than one exercise to remain.

Use the nanoid package for unique IDs.

It should purge CSS and I also thought it would minify based on environment. Maybe I just need to set the environment in the CI or something. Will investigate.

As a user, I want to be able to re-order the exercises to my preference.

The exercises should have a sortOrder property and rendered in that order. When in edit mode, they should be able to click and drag, or hold and drag, exercise rows and change the order.

Create a NumberInput component. TextInput and NumberInput should share styles. Make NumberInput and TextInput be wrappers for Input but with different types.

I've read that it is recommended to move on from scp. I'm tired and honestly don't fully understand why, but there is this article. https://lwn.net/SubscriberLink/835962/ae41b27bc20699ad/

There's a button that says "Custom" that does nothing. It should open a modal with a text input to insert a percent. Maybe use the CircleBtn to save or cancel? I have no idea. I'm open to ideas. It should be in a "selected" state, if the custom value is accepted. Essentially, it should behave the same as the other percent max buttons, just with a modal with an input.

I should've seen an update is available and I didn't. I need to do more stuff. // register() is not called by default. That might be all that is needed, but I'm sure it may be more involved.

This would involve updating the manifest.json and adding image assets to the public directory. I am not looking for art, just something that isn't the default one. Could be all SVG! Ideally, you'd use one of the existing colors in the Tailwind palette (if it is SVG, it'd be super easy to change as well) and the app theme/background color can be set in this PR too.

Ruins my languages stats

I deploy the app in the action, but the action is tested across 3 different Node versions. 🤔

The title says it all. One suggestion is that you place the components in their own folder like this: src/components/Cell/index.tsx instead of src/components/Cell.tsx. Rename the file to index.tsx. Then you can add a story file in each of the folders.