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

Enhancements to Steam Linking, Premium Checkout, and UI Updates #94

Merged

Conversation

cheesea3
Copy link
Contributor

This pull request addresses several key improvements and bug fixes related to Steam account linking, checkout flows for premium users, and updates to the UI/UX as outlined in the issue discussion. Below are the changes implemented and their correlation with the outlined objectives:

Implemented Changes:

  1. Unique Steam Account Linking

    • Partially implemented. Added initial checks to prevent duplicate Steam account linking. Further testing and refinement are needed to ensure robust error handling and user feedback.
  2. Premium User Checkout Bypass

    • Implemented a preliminary check during user session initialization to identify premium members and bypass the checkout process accordingly. This implementation aims to streamline the experience for premium users.
  3. Redirect Handling Post-Purchase

    • Improved handling of redirects post-purchase to ensure users are correctly navigated based on their transaction status. The specific handling for successful purchases needs further refinement.
  4. Update Generic Temporary Names

    • This task has been scoped and initial updates have been made in some UI components to replace generic names with more meaningful identifiers. Ongoing updates are planned for the next issue/pr.
  5. Adjust Yearly Premium Pass Price

    • Updated the pricing information for the yearly premium pass to $120 while maintaining the "Coming Soon" label as required.
  6. Update Premium Perks

    • Added new perks such as tag customization, vote extension, and HUD gif options for premium users. These are now reflected in the UI.

Expected Outcome:

  • Enhanced security and user validation with improved Steam account linking.
  • A smoother checkout experience for premium users with unnecessary steps bypassed.
  • More meaningful and user-friendly UI components reflecting the true nature of the operations and offerings.

Further updates and enhancements will continue as we gather more feedback and perform detailed testing.

This commit introduces several enhancements to the authentication and premium member handling processes. The key changes are as follows:

1. Unique Steam Linking:
   - Added a check to prevent linking a Steam account if it is already associated with another user account.
   - Updated authorize.steam.callback.tsx to include this verification step.

2. Premium User Checkout Bypass:
   - Implemented a check during login to determine if the user is already a premium member.
   - If the user is a premium member, the checkout flow is bypassed.
   - Added this logic in authenticator.server.ts.

Files Modified:
- app/auth/authenticator.server.ts
- app/auth/storage.server.ts
- app/components/molecules/AuthorizeForm.tsx
- app/components/organisms/AuthForms/AuthForms.tsx
- app/routes/authorize.steam.callback.tsx
- app/routes/index.tsx
- app/styles/store.css
- package.json

These enhancements aim to improve user experience by ensuring proper account management and streamlining the checkout process for premium members.
- Updated `PriceLabel.tsx` to include logic for displaying different pricing text based on membership status and added animation for price text change.
- Modified `PriceToggle.module.css` to add transition effect and updated styles for active labels.
- Enhanced `PriceToggle.tsx` to handle toggling between monthly and yearly pricing with appropriate styles and logic.
- Updated `MembershipCard.tsx` to utilize new price toggle component and added loader data to manage user information and membership status.
- Refined `MembershipTier.tsx` for improved display and handling of membership tiers, including enhanced tooltip and transition effects.
- Adjusted `Testimonial.tsx` to update testimonial props and display logic for role and date.
- Enhanced `StoreHeader.tsx` to include dynamic welcome message based on user's membership status and username.
- Improved `StoreTestimonials.tsx` with new testimonial data and logic for displaying randomized testimonials.
- Updated `StoreTiers.tsx` to render store tiers component with new features and enhanced layout.

These changes collectively enhance the user experience by providing dynamic and responsive pricing information, improving the display of membership tiers and testimonials, and integrating user-specific data for a personalized experience.
@cheesea3 cheesea3 added enhancement New feature or request backend Server-side development tasks refactor Involves refactoring for readability and functionality frontend Tasks related to the client-side development design UI/UX design tasks and improvements api API development and integration tasks validation Validation and correctness of data or process labels Jun 19, 2024
@cheesea3 cheesea3 added this to the Milestone 12: Launch milestone Jun 19, 2024
@cheesea3 cheesea3 self-assigned this Jun 19, 2024
@cheesea3 cheesea3 linked an issue Jun 19, 2024 that may be closed by this pull request
@cheesea3 cheesea3 merged commit 447f21a into dev Jun 19, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
api API development and integration tasks backend Server-side development tasks design UI/UX design tasks and improvements enhancement New feature or request frontend Tasks related to the client-side development refactor Involves refactoring for readability and functionality validation Validation and correctness of data or process
Projects
Development

Successfully merging this pull request may close these issues.

Enhancements to Steam Linking, Premium Checkout, and UI Updates
1 participant