Merge pull request #3247 from codecrafters-io/add-autofix-request-error-handling

feat(autofix-container): add autofix request creation and error handling

Author: rohitpaulk

app/components/course-admin/submissions-page/submission-details/autofix-container.hbs

@@ -10,5 +10,17 @@
     <div class="bg-gray-800 p-4 text-white font-mono text-xs leading-relaxed rounded-sm mb-4">
       This submission doesn't have any autofix requests.
     </div>
+
+    <PrimaryButtonWithSpinner @shouldShowSpinner={{this.createAutofixRequestTask.isRunning}} {{on "click" this.handleCreateAutofixButtonClick}}>
+      Create Autofix Request
+    </PrimaryButtonWithSpinner>
+
+    {{#if this.autofixCreationError}}
+      <AlertWithIcon @type="error" class="mt-3">
+        <p>
+          {{this.autofixCreationError}}
+        </p>
+      </AlertWithIcon>
+    {{/if}}
   {{/if}}
 </div>

app/components/course-admin/submissions-page/submission-details/autofix-container.ts

@@ -1,5 +1,10 @@
 import Component from '@glimmer/component';
+import type Store from '@ember-data/store';
 import type SubmissionModel from 'codecrafters-frontend/models/submission';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import { task } from 'ember-concurrency';
+import { tracked } from '@glimmer/tracking';
 
 interface Signature {
   Element: HTMLDivElement;
@@ -9,7 +14,30 @@ interface Signature {
   };
 }
 
-export default class AutofixContainer extends Component<Signature> {}
+export default class AutofixContainer extends Component<Signature> {
+  @service declare store: Store;
+
+  @tracked autofixCreationError: string | null = null;
+
+  createAutofixRequestTask = task({ drop: true }, async (): Promise<void> => {
+    this.autofixCreationError = null;
+
+    const autofixRequest = this.store.createRecord('autofix-request', {
+      submission: this.args.submission,
+    });
+
+    try {
+      await autofixRequest.save();
+    } catch {
+      this.autofixCreationError = 'Failed to create autofix request! Try again? Post on #engineering if this persists.';
+    }
+  });
+
+  @action
+  handleCreateAutofixButtonClick() {
+    this.createAutofixRequestTask.perform();
+  }
+}
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {