Vincent-Hackathon: Frontend: Add demo button for editor dialog

Author: vyncent-t

frontend/src/components/common/Resource/EditorDialog.tsx

@@ -47,6 +47,7 @@ import ConfirmButton from '../ConfirmButton';
 import { Dialog, DialogProps } from '../Dialog';
 import Loader from '../Loader';
 import Tabs from '../Tabs';
+import { TutorialToolTip } from '../Tutorial';
 import DocsViewer from './DocsViewer';
 import SimpleEditor from './SimpleEditor';
 import { UploadDialog } from './UploadDialog';
@@ -447,6 +448,18 @@ export default function EditorDialog(props: EditorDialogProps) {
                 >
                   {t('translation|Upload File/URL')}
                 </Button>
+
+                {/* clean later: hackathon demo button */}
+                <Button
+                  onClick={() => {
+                    setUploadFiles(true);
+                  }}
+                >
+                  <TutorialToolTip
+                    context="CreateDemoResource"
+                    labelText={t('translation|Create demo resource')}
+                  />
+                </Button>
               </FormGroup>
             </Grid>
           </Grid>

frontend/src/components/common/Tutorial/tutorialContent.ts

@@ -29,6 +29,8 @@ export const tutorialContent: StrictRecord<TutorialContextId, string> = {
     'Click here to load a demo KubeConfig file. This is useful for testing and learning purposes.',
   CreateButton:
     'This is the Create button. Click here to create a new resource in your selected cluster.',
+  CreateDemoResource:
+    'Click here to create a demo resource in your selected cluster. This is useful for testing and learning purposes.',
 };
 
 export function getTutorialText(context: TutorialContextId): string {

frontend/src/components/common/Tutorial/tutorialTopicsMap.ts

@@ -29,4 +29,5 @@ export const contextToTopic: StrictRecord<TutorialContextId, TutorialTopicId> =
 
   // resources → add resource
   CreateButton: 'resources.addResource',
+  CreateDemoResource: 'resources.addResource',
 };

frontend/src/components/common/Tutorial/types.ts

@@ -28,7 +28,8 @@ export type TutorialContextId =
   | 'AddClusterButton'
   | 'LoadFromKubeConfig'
   | 'LoadDemoKubeConfig'
-  | 'CreateButton';
+  | 'CreateButton'
+  | 'CreateDemoResource';
 
 // helper to keep record types strict (so we don't miss keys)
 export type StrictRecord<K extends string, V> = { [P in K]: V };