Merge pull request #2795 from codecrafters-io/pk-branch-7

feat: add download button to copy prompt file contents

Author: rohitpaulk

app/components/course-admin/code-example-page/evaluation-card/prompt-tab.hbs

@@ -1,3 +1,7 @@
+<TertiaryButton class="mb-4" {{on "click" this.handleCopyPromptButtonClick}}>
+  Copy prompt
+</TertiaryButton>
+
 <div class="bg-gray-800 border border-gray-700 rounded overflow-y-auto relative flex-grow p-3">
   {{#if @evaluation.promptFileContents}}
     <pre class="font-mono text-xs text-white whitespace-pre-wrap"><code>{{ansi-to-html @evaluation.promptFileContents}}</code></pre>

app/components/course-admin/code-example-page/evaluation-card/prompt-tab.ts

@@ -1,3 +1,4 @@
+import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import type CommunitySolutionEvaluationModel from 'codecrafters-frontend/models/community-solution-evaluation';
 
@@ -9,7 +10,16 @@ export interface Signature {
   };
 }
 
-export default class PromptTabComponent extends Component<Signature> {}
+export default class PromptTabComponent extends Component<Signature> {
+  @action
+  handleCopyPromptButtonClick() {
+    if (this.args.evaluation.promptFileContents) {
+      navigator.clipboard.writeText(this.args.evaluation.promptFileContents);
+    } else {
+      alert('Error, contact us at [email protected] if this keeps happening!');
+    }
+  }
+}
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {