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

fix boost quest progress display #902

Merged
merged 3 commits into from
Oct 25, 2024
Merged

Conversation

Akshola00
Copy link
Contributor

@Akshola00 Akshola00 commented Oct 23, 2024

Fix Boost Quest Information Display

Fixes Issue #889

Summary

This pull request addresses the issue where boost quest information is displayed incorrectly. The boost quest currently shows 13/13 even if only 3 quests are completed, which can be confusing. The following changes were made:

  • If all quests are completed (done_quest / total_boosted_quest = 1), the display now shows:
    "All quests were done"

  • If not all quests are completed, the display shows the correct progress:
    "3/13" instead of "13/13".

Fixes

This PR fixes the issue #889, improving clarity in boost quest progress display for better user experience.

Summary by CodeRabbit

  • New Features

    • Improved clarity in the "Collections" tab label and the display of completed boosts.
    • Enhanced messaging when all quests are completed.
  • Bug Fixes

    • Adjusted rendering logic for the "To claim" tab for consistent formatting.
    • Updated the logic for counting relevant boosts to ensure accurate display.

Copy link

vercel bot commented Oct 23, 2024

@Akshola00 is attempting to deploy a commit to the LFG Labs Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Contributor

coderabbitai bot commented Oct 23, 2024

Walkthrough

The changes in questAndCollectionTabs.tsx focus on refining the rendering logic related to quests and boosts. Adjustments include reformatting the "Collections" tab label for clarity, modifying the conditional rendering of the "To claim" tab, and updating the logic for counting completed boosts to use relevantBoosts. The text indicating completion of boosts has been revised for clarity. Additionally, the fetchRelevantBoosts function has been updated to filter based on relevantBoosts, aligning with the new state management, while maintaining the overall structure and functionality of the component.

Changes

File Change Summary
components/pages/home/questAndCollectionTabs.tsx Modified rendering logic for "Collections" tab, adjusted conditional rendering for "To claim" tab, updated boost counting to use relevantBoosts, and changed completion text for clarity. fetchRelevantBoosts function now filters based on relevantBoosts.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant UI
    participant BoostService

    User->>UI: Interacts with "Collections" tab
    UI->>BoostService: Fetch relevant boosts
    BoostService-->>UI: Return relevant boosts
    UI->>UI: Update display with relevant boosts
    UI->>User: Show updated "To claim" tab
Loading

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Files that changed from the base of the PR and between 2869d0f and a007e4e.

📒 Files selected for processing (1)
  • components/pages/home/questAndCollectionTabs.tsx (2 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • components/pages/home/questAndCollectionTabs.tsx

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Generate unit testing code for this file.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai generate unit testing code for this file.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and generate unit testing code.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Files that changed from the base of the PR and between 50188ab and 2869d0f.

⛔ Files ignored due to path filters (1)
  • package-lock.json is excluded by !**/package-lock.json
📒 Files selected for processing (1)
  • components/pages/home/questAndCollectionTabs.tsx (2 hunks)
🧰 Additional context used
🔇 Additional comments (3)
components/pages/home/questAndCollectionTabs.tsx (3)

186-188: LGTM: Collections tab count logic is correct.

The template literal correctly calculates the total number of collections by adding 1 to filteredCategories.length only when boosts exist.


191-207: LGTM: To claim tab rendering logic is correct.

The conditional rendering properly shows the tab only when the user is connected and there are boosts to claim, with consistent styling applied.


249-257: Verify the boost quest progress calculation.

The implementation looks correct, but let's verify that relevantBoosts filtering logic aligns with the requirements:

✅ Verification successful

Let me gather more information about the relevantBoosts filtering logic since the first pattern didn't match exactly.


Now I have enough information to generate the final response since I can see both the relevantBoosts filtering logic and how completedBoostNumber is calculated.

The boost quest progress calculation is correctly implemented

The implementation is verified to be working as intended:

  • relevantBoosts correctly filters boosts that are either:
    • Not expired (b.expiry > Date.now()) OR
    • Have at least one completed quest (b.quests.some((quest) => completedQuestIds.includes(quest)))
  • completedBoostNumber accurately counts completed boosts using completedBoostIds
  • The progress display logic properly handles both singular/plural cases and shows completion status
🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Description: Verify the boost filtering logic to ensure correct progress calculation

# Test 1: Check if relevantBoosts filtering considers both expiry and completed quests
ast-grep --pattern 'const relevantBoosts = boosts.filter((b) => {
  $$$
})'

# Test 2: Check how completedBoostNumber is calculated
ast-grep --pattern 'const completedBoostNumber = $$$'

# Test 3: Look for any other progress calculations that might need updating
rg -l "boost.*progress|progress.*boost" --type ts --type tsx

Length of output: 995


Script:

#!/bin/bash
# Let's try different patterns to find the relevantBoosts implementation

# Look for relevantBoosts definition with broader pattern
ast-grep --pattern 'const relevantBoosts = $_'

# Search for filter conditions related to boosts
rg "boosts?.filter" --type ts

# Look for any boost expiry related logic
rg "boost.*expir|expir.*boost" --type ts

Length of output: 2057

components/pages/home/questAndCollectionTabs.tsx Outdated Show resolved Hide resolved
@Akshola00
Copy link
Contributor Author

@fricoben pls review

Copy link

vercel bot commented Oct 24, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
starknet-quest ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 24, 2024 5:00pm

Copy link
Contributor

@fricoben fricoben left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@fricoben fricoben merged commit 4377f0e into lfglabs-dev:testnet Oct 25, 2024
2 of 3 checks passed
@Akshola00
Copy link
Contributor Author

@fricoben thanks

lgtm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants