Repository: freeCodeCamp/freeCodeCamp
File: client/src/templates/Challenges/codeally/show.tsx (TypeScript)

Code before:
                  challengeType === challengeTypes.codeAllyCert && (
                    <>
                      <div className='ca-description'>
                        {t('learn.complete-both-steps')}
                      </div>
                      <hr />
                      <Spacer size='medium' />
                      <ChallengeHeading
                        heading={t('learn.step-1')}
                        isCompleted={isPartiallyCompleted || isCompleted}
                      />
                      <Spacer size='medium' />
                      <div className='ca-description'>
                        {t('learn.runs-in-vm')}
                      </div>
                      <Spacer size='medium' />
                      <PrismFormatted text={instructions} />
                      <Spacer size='medium' />
                    </>
                  )}
                <Button
                  aria-describedby='codeally-cookie-warning'
                  block={true}
                  variant='primary'
                  data-cy='start-codeally'
                  disabled={true}
                  onClick={tryToShowCodeAlly}
                >
                  {challengeType === challengeTypes.codeAllyCert
                    ? t('buttons.click-start-project')
                    : t('buttons.click-start-course')}
                </Button>
                {isSignedIn &&
                  challengeType === challengeTypes.codeAllyCert && (
                    <>
                      <hr />
                      <Spacer size='medium' />
                      <ChallengeHeading
                        heading={t('learn.step-2')}
                        isCompleted={isCompleted}
                      />
                      <Spacer size='medium' />
                      <div className='ca-description'>
                        {t('learn.submit-public-url')}
                      </div>
                      <Spacer size='medium' />
                      <PrismFormatted text={notes} />
                      <Spacer size='medium' />
                      <SolutionForm
                        challengeType={challengeType}
                        description={description}

Review comment (suggestion):
This does not really matter much, but a client-side disable does not stop anything - someone can still invoke/access `tryToShowCodeAlly` with a disabled button.

That is to say, we might want to remove the `iframe` altogether? _I do not know why I keep reviewing drafts_ 🤪 

Code after:
                        {t('learn.complete-both-steps')}
                      </div>
                      <hr />
                      <Spacer size='medium' />
                      <ChallengeHeading
                        heading={t('learn.step-1')}
                        isCompleted={isPartiallyCompleted || isCompleted}
                      />
                      <Spacer size='medium' />
                      <div className='ca-description'>
                        {t('learn.runs-in-vm')}
                      </div>
                      <Spacer size='medium' />
                      <PrismFormatted text={instructions} />
                      <Spacer size='medium' />
                    </>
                  )}
                <Alert id='codeally-cookie-warning' variant='info'>
                  <p>{t(`intro:misc-text.enable-cookies`)}</p>
                </Alert>
                <CodeAllyButton
                  onClick={tryToShowCodeAlly}
                  text={
                    challengeType === challengeTypes.codeAllyCert
                      ? t('buttons.click-start-project')
                      : t('buttons.click-start-course')
                  }
                />
                {isSignedIn &&
                  challengeType === challengeTypes.codeAllyCert && (
                    <>
                      <hr />
                      <Spacer size='medium' />
                      <ChallengeHeading
                        heading={t('learn.step-2')}
                        isCompleted={isCompleted}
                      />
                      <Spacer size='medium' />
                      <div className='ca-description'>
                        {t('learn.submit-public-url')}
                      </div>
                      <Spacer size='medium' />
                      <PrismFormatted text={notes} />
                      <Spacer size='medium' />
                      <SolutionForm
                        challengeType={challengeType}
                        description={description}
                        onSubmit={this.handleSubmit}
                        updateSolutionForm={updateSolutionFormValues}
                      />
                    </>