I18n issue on ChatGPT upsell

paralysis5261 · March 16, 2026, 2:53pm

Seems like one of your moderator tried to inject a HTML tag but turns out that the i18n for that part is just for text not for HTML tag. You can just use <div className=“text-p-base max-w-[520px] mb-16” dangerouslySetInnerHTML={{ __html: html }} /> to solve this issue.

github.com

exercism/website/blob/85064ceb4f9b8bc2ce1eb5e45cb6d29a0b8819c8/app/javascript/components/editor/ChatGptFeedback/ChatGptUpsellContent.tsx#L22


      
                <GraphicalIcon icon="insiders" className="w-[48px] h-[48px] mb-16" />
                <h2 className="text-h3 mb-2">
                  {t('chatGptUpsellContent.exercismInsiders')}
                </h2>
                <p className="text-h5 mb-16 max-w-[520px]">
                  {t(
                    'chatGptUpsellContent.donateToExercismAndGetBehindTheScenesAccessAndBonusFeatures'
                  )}
                </p>
                <div className="text-p-base max-w-[520px] mb-16">
                  {t(
                    'chatGptUpsellContent.needHelpGettingUnstuckUnlockOurChatGPTIntegration'
                  )}
                </div>
          
                <a href="/insiders" className="btn-m btn-primary">
                  {t('chatGptUpsellContent.learnMore')}
                </a>
              </div>
            </div>
          )

Browser: Firefox latest ver
OS: BazziteOS

I am more than happy to fix this if exercism is open to first timer Open Source contributor :) I will have a coding interview tomorrow, so I cannot create a PR now

BNAndras · March 16, 2026, 3:09pm

Thanks. I added it to the existing i18n bug tracking thread. Exercism staff work on the website itself so Aron will take a look when they’re available.

paralysis5261 · March 16, 2026, 3:17pm

Ok. I marked this report as solved then