Refactor AuthorizeForm, CheckoutProcess, AuthForms, and routes for st… - Githubissues

imperfectandcompany / Imperfect-Gamers-Site-Store

Our robust community site integrating Steam for enhanced user interactions and data management, powered by Remix with Tailwind CSS for optimistic, responsive UI. Features CI/CD with GitHub Actions and Docker for seamless deployment and maintenance.

https://store.imperfectgamers.org/

Other

0 stars 0 forks source link

Refactor AuthorizeForm, CheckoutProcess, AuthForms, and routes for st… #82

Closed cheesea3 closed 1 month ago

cheesea3 commented 1 month ago

Hotfixes

`AuthorizeForm.tsx`

Modified the showFallback conditional block to display a different message and link depending on the showFallback state.
Updated the call-to-action text from "Ready to link your Steam account?" to "Link your Steam account to continue?".
Refactored the "Still having trouble?" block to use a conditional statement with showFallback, now displaying two different messages and links.

`CheckoutProcess.tsx`

Added a new callback function to revalidate the checkout process.
Added a new useEffect hook to listen for a steam-auth-success message event and call the callback function when received.

`AuthForms.tsx`

Imported the useRevalidator hook from @remix-run/react.
Changed the shouldOpenModal state from a derived value based on flashSuccess to a state variable initialized with true.
Added a new useEffect hook to dispatch a steam-auth-success event when flashSuccess is present and set shouldOpenModal to true.

`authorize.steam.tsx`

Called the generateSteamLoginURL function with an additional main parameter.
Generated a new steamLoginURLFallBack variable with the fallback parameter.
The JSON response now includes both url and fallback properties.

`store.create.tsx`

Minor changes to error message wording, replacing "must be" with "must has" in some cases.