feat(fulfilment): hide the submit fulfilment button for non-pending fulfilments

Author: belsman

packages/modules/fulfillment/src/lib/components/template/fulfillment-template.component.html

@@ -33,6 +33,8 @@
     </ng-container>
   </ng-container>
 
+  @if (vm.selectedFulfillment?.fulfillmentState ===
+  FulfillmentFulfillmentState.Pending) {
   <ng-container rc-crud-actions>
     <button
       (click)="onSubmitFulfillment(vm.selectedFulfillmentId)"
@@ -44,6 +46,7 @@
       <vcl-icon icon="mdi:send-outline" />
     </button>
   </ng-container>
+  }
 
   <ng-container rc-crud-router-outlet>
     <router-outlet />

packages/modules/fulfillment/src/lib/components/template/fulfillment-template.component.ts

@@ -17,6 +17,7 @@ import { SubSink } from 'subsink';
 import { PAGINATION, ROUTER } from '@console-core/config';
 import {
   IIoRestorecommerceResourcebaseReadRequest,
+  IoRestorecommerceFulfillmentFulfillmentState,
   IoRestorecommerceResourcebaseSortSortOrder,
 } from '@console-core/graphql';
 import { FulfillmentFacade, RouterFacade } from '@console-core/state';
@@ -32,6 +33,8 @@ export class FulfillmentTemplateComponent implements OnInit, OnDestroy {
   ROUTER = ROUTER;
   featureRouter = ROUTER.pages.main.children.fulfillments.children;
 
+  FulfillmentFulfillmentState = IoRestorecommerceFulfillmentFulfillmentState;
+
   feature: Readonly<ICrudFeature> = {
     name: {
       plural: 'Fulfillments',