[$60] Deep linking to How To Compete - Extras and FAQs

[ThomasKranitsas]

We need to be able to deep link (using href="#<section name>") to an Extra or FAQ section in the How To Compete page.

This should auto expand the section.

Example URL: https://www.topcoder.com/community/design/how-to-compete

Example deep link: https://www.topcoder.com/community/design/how-to-compete#Properly Declaring Your Files (I know this should be URL encoded :) )

[ThomasKranitsas]

Contest https://www.topcoder.com/challenges/30072734 has been created for this ticket.

This is an automated message for thomaskranitsas via Topcoder X

[ThomasKranitsas]

@topcoder-platform/topcodercompetitors new ticket!

[ThomasKranitsas]

Contest https://www.topcoder.com/challenges/30072734 has been updated - it has been assigned to PkDurlabhji.

This is an automated message for thomaskranitsas via Topcoder X

[ThomasKranitsas]

what's the status on this one?

[ThomasKranitsas]

Contest https://www.topcoder.com/challenges/30072734 has been updated - it has been assigned to omadoyejed.

This is an automated message for thomaskranitsas via Topcoder X

[jomadoye]

Hi @ThomasKranitsas Can you confirm that the code for How To Compete - Extras and FAQs page is contained in this repository. I have searched everywhere and can't find it. Also when I try to navigate to the page on my local dev setup it changes the URL to https://www.topcoder-dev.com/community/design/how-to-compete

[ThomasKranitsas]

Hi @jomadoye ! The content of the page is being fetched from Contentful (the CMS we use).

The code that renders that content is inside the https://github.com/topcoder-platform/community-app/tree/develop/src/shared/containers/TrackHomePages directory

[jomadoye]

Thanks @ThomasKranitsas, any ideas on the changing URL?

[jomadoye]

Hi @ThomasKranitsas ,
I did some digging around and I think the contentful data would need to be updated to add the steps for FAQ and Extra here (

community-app/src/shared/components/TrackHomePages/HowToCompetePage/StepByStep/index.jsx

Line 50 in f26ee94

steps.map((menu, index) => {

). And then I would need to use the title of the steps you create as the FAQ and Extra section ID.
Can I get access to the dev contenful to update it?.

I have created a PR (#1715) to add the ID, I would be linking to.