Merge pull request #3248 from codecrafters-io/andy/tweak-2

Add admin URL for autofix requests and update language reference

Author: andy1li

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

@@ -1,4 +1,9 @@
 <div ...attributes>
+  <div class="prose prose-sm prose-compact mb-4">
+    <a class="flex items-center gap-1 text-gray-500 font-medium" href={{this.autofixRequestAdminUrl}} target="_blank" rel="noopener noreferrer">
+      {{svg-jar "external-link" class="w-4 h-4"}}
+      {{@autofixRequest.id}}</a>
+  </div>
   {{#if (eq @autofixRequest.status "success")}}
     {{#if @autofixRequest.explanationMarkdown}}
       <div class="prose prose-sm prose-compact mb-4">
@@ -13,7 +18,7 @@
         @code={{changedFile.diff}}
         @filename={{changedFile.filename}}
         {{! @glint-expect-error language can be null }}
-        @language={{@autofixRequest.repository.language.slug}}
+        @language={{@autofixRequest.submission.repository.language.slug}}
         @useCodeMirror={{true}}
       />
     {{/each}}

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

@@ -3,6 +3,7 @@ import { service } from '@ember/service';
 import type DarkModeService from 'codecrafters-frontend/services/dark-mode';
 import type AutofixRequestModel from 'codecrafters-frontend/models/autofix-request';
 import { codeCraftersDark } from 'codecrafters-frontend/utils/code-mirror-themes';
+import config from 'codecrafters-frontend/config/environment';
 
 interface Signature {
   Element: HTMLDivElement;
@@ -15,6 +16,10 @@ interface Signature {
 export default class AutofixRequestCard extends Component<Signature> {
   @service declare darkMode: DarkModeService;
 
+  get autofixRequestAdminUrl() {
+    return `${config.x.backendUrl}/admin/autofix_requests/${this.args.autofixRequest.id}`;
+  }
+
   get codeMirrorTheme() {
     return codeCraftersDark;
   }