[ENG-10829] Embargoed Registration — End Embargo Early Button Missing

src/app/features/registry/components/registry-statuses/registry-statuses.component.html

@@ -1,18 +1,15 @@
 <p-accordion class="accordion-border px-4 py-4 flex-1 no-padding">
   <p-accordion-panel value="0">
     <p-accordion-header class="flex flex-row column-gap-3 align-items-center">
-      <p class="font-bold">{{ 'registry.overview.statuses.' + registry()?.status + '.text' | translate }}</p>
+      <p class="font-bold">{{ statusTranslations().text | translate }}</p>
     </p-accordion-header>
 
     <p-accordion-content>
       <div class="flex flex-column pt-4 gap-2">
-        <h3 class="font-normal">{{ 'registry.overview.statuses.' + registry()?.status + '.short' | translate }}</h3>
+        <h3 class="font-normal">{{ statusTranslations().short | translate }}</h3>
         <p>
           <span>
-            {{
-              'registry.overview.statuses.' + registry()?.status + '.long'
-                | translate: { embargoEndDate: embargoEndDate(), email: supportEmail }
-            }}
+            {{ statusTranslations().long | translate: { embargoEndDate: embargoEndDate(), email: supportEmail } }}
           </span>
 
           @if (isAccepted()) {

src/app/features/registry/components/registry-statuses/registry-statuses.component.ts

@@ -55,6 +55,23 @@ export class RegistryStatusesComponent {
     return date ? new Date(date).toDateString() : null;
   });
 
+  statusTranslations = computed(() => {
+    const status = this.registry()?.status;
+    if (!status) {
+      return {
+        text: 'registry.overview.endEmbargo',
+        short: 'registry.overview.endEmbargo',
+        long: 'registry.overview.endEmbargo',
+      };
+    }
+    const basePath = `registry.overview.statuses.${status}`;
+    return {
+      text: `${basePath}.text`,
+      short: `${basePath}.short`,
+      long: `${basePath}.long`,
+    };
+  });
+
   openWithdrawDialog(): void {
     const registry = this.registry();