Get THRIVE article recommendations in challenge details page

[ajefts]

Challenge spec.

Dev copilot: Veshu

Design copilot: Fajar

https://docs.google.com/document/d/1KeGUf57j9sdSft7EJt00387_JnTaifIZVXGp11ywb4c/edit?usp=sharing

additional requirements:

• display up to 3 related challenges and 3 articles

• If challenge is tagged with "other", do not show anything

• if more than one tag is present, display related articles and challenges based on first tag

[ajefts]

Link to feature: https://tcprod.productboard.com/feature-board/planning/features/1849761

[veshu]

The challenge for recommended article https://www.topcoder.com/challenges/30113877
There will be separate challenge for related challenges.

[SathyaJayabal]

1. Recommendations links and articles do not show up when the user clicks on other tabs in the challenge details page (Registrants, Submissions). Is this the expected behaviour? See attached video for reference.
   thrive.mov.zip

2. Title must be left aligned to the first card. The marvel design is also not aligned. Is this the expected design?

3. When there are less than three articles, what should be the alignment of the cards? Left aligned or center aligned?

cc @Oanh-and-only-Oanh , @veshu @lakshmiathreya

[veshu]

1 and 3 I have confirmed that on forum to be so. @Oanh-and-only-Oanh @Dara-K please suggest your thought.

[SathyaJayabal]

@veshu , I don't have access to the challenge forums. Shall I consider 1 and 3 as expected ?

[Dara-K]

Hi @SathyaJayabal

Good points!

1. Recommended Links and Articles should stay in the header even when the user moves to any tabs : details registrants, checkpoints, etc.

2. You can move the title more to the left, to have that space removed.

3. Should be left-aligned.

[SathyaJayabal]

@Dara-K , thank you for the answers.

@veshu , I am marking this as QA fail, so that the above can be fixed.

[veshu]

ok getting fixed this at f2f https://www.topcoder.com/challenges/30115205

[SathyaJayabal]

@veshu, Verified on dev.

[SathyaJayabal]

verified on beta

@veshu , When less than three related thrive articles are present, they are not left aligned like the recommenced challenges. They expand to fill the space. See attached screenshot above for reference. Is this behaviour ok? If not I will create a new issue to fix this.

[veshu]

@Dara-K @Oanh-and-only-Oanh Please check if fluid card of thrive article is okay or it should be fixed width.

[Dara-K]

@veshu @SathyaJayabal When there are less than 3 cards, I suggest to keep them left aligned (use same width as when there are 3 cards)

[SathyaJayabal]

verified

[SathyaJayabal]

Verified in prod