Fix UI

Author: Fosol

app/editor/src/features/content/form/ContentForm.tsx

@@ -844,7 +844,10 @@ const ContentForm: React.FC<IContentFormProps> = ({
                                   <Row alignItems="center" gap="0.25rem">
                                     <WorkOrderStatus
                                       workOrders={form.workOrders}
-                                      type={WorkOrderTypeName.Transcription}
+                                      type={[
+                                        WorkOrderTypeName.Transcription,
+                                        WorkOrderTypeName.AutoClip,
+                                      ]}
                                     />
                                     <span>Transcript</span>
                                     <Show visible={!!props.values.body}>

app/editor/src/features/content/form/WorkOrderStatus.tsx

@@ -13,7 +13,7 @@ export interface ITranscriptionStatusProps {
   /** An array of work orders. */
   workOrders: IWorkOrderModel[] | undefined;
   /** The type of work order. */
-  type: WorkOrderTypeName;
+  type: WorkOrderTypeName[] | WorkOrderTypeName;
 }
 
 /**

app/editor/src/features/content/utils/findWorkOrder.ts

@@ -8,7 +8,10 @@ import { IWorkOrderModel, WorkOrderTypeName } from 'tno-core';
  */
 export const findWorkOrder = (
   workOrders: IWorkOrderModel[] | undefined,
-  type: WorkOrderTypeName,
+  type: WorkOrderTypeName | WorkOrderTypeName[],
 ) => {
+  if (Array.isArray(type)) {
+    return workOrders?.find((i) => type.includes(i.workType));
+  }
   return workOrders?.find((i) => i.workType === type);
 };