fix(react): solve-button not working before lesson loads (#266)

Author: AriPerkkio

packages/components/react/src/Panels/EditorPanel.tsx

@@ -125,7 +125,7 @@ function FileTab({ i18n, editorDocument, helpAction, onHelpClick }: FileTabProps
         <span className="text-sm">{fileName}</span>
       </div>
       {!!helpAction && (
-        <button onClick={onHelpClick} className="panel-button px-2 py-0.5 -mr-1 -my-1">
+        <button onClick={onHelpClick} disabled={!onHelpClick} className="panel-button px-2 py-0.5 -mr-1 -my-1">
           {helpAction === 'solve' && <div className="i-ph-lightbulb-duotone text-lg" />}
           {helpAction === 'solve' && i18n.solveButtonText}
           {helpAction === 'reset' && <div className="i-ph-clock-counter-clockwise-duotone" />}

packages/components/react/src/Panels/WorkspacePanel.tsx

@@ -40,6 +40,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
 
   const selectedFile = useStore(tutorialStore.selectedFile);
   const currentDocument = useStore(tutorialStore.currentDocument);
+  const lessonFullyLoaded = useStore(tutorialStore.lessonFullyLoaded);
 
   const lesson = tutorialStore.lesson!;
 
@@ -162,7 +163,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
           i18n={lesson.data.i18n as I18n}
           hideRoot={lesson.data.hideRoot}
           helpAction={helpAction}
-          onHelpClick={onHelpClick}
+          onHelpClick={lessonFullyLoaded ? onHelpClick : undefined}
           onFileSelect={onFileSelect}
           selectedFile={selectedFile}
           onEditorScroll={onEditorScroll}