fix(ui): display proper available freight for promote-subscribers (#1200

) Signed-off-by: Remington Breeze <[email protected]>
akuity · Nov 30, 2023 · 122b81a · 122b81a
1 parent d639370
commit 122b81a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/ui/src/features/common/freight-label.tsx b/ui/src/features/common/freight-label.tsx
@@ -14,5 +14,7 @@ export const FreightLabel = ({ freight }: { freight?: Freight }) => {
     setId(freight?.metadata?.name?.substring(0, 7) || 'N/A');
   }, [freight]);
 
-  return <>{alias ? <Tooltip title={id}>{alias}</Tooltip> : <>{id}</>}</>;
+  return (
+    <span className='truncate'>{alias ? <Tooltip title={id}>{alias}</Tooltip> : <>{id}</>}</span>
+  );
 };
diff --git a/ui/src/features/freightline/freightline.tsx b/ui/src/features/freightline/freightline.tsx
@@ -97,11 +97,15 @@ export const Freightline = (props: {
   }, [promotingStage, freight, promotionType]);
 
   useEffect(() => {
-    if (!isLoading) {
+    if (!isLoading && promotingStage !== undefined) {
+      const initFreight = availableFreightData?.groups['']?.freight || [];
       const availableFreight =
         promotionType === 'default'
-          ? availableFreightData?.groups['']?.freight || []
-          : promotingStage?.status?.history || [];
+          ? initFreight
+          : initFreight.filter(
+              (f) => !!f?.status?.verifiedIn[promotingStage?.metadata?.name || '']
+            );
+
       const pe: { [key: string]: boolean } = {};
       ((availableFreight as Freight[]) || []).map((f: Freight) => {
         const name = promotionType === 'default' ? f?.metadata?.name : f?.id;
@@ -373,7 +377,7 @@ const FreightItem = (props: {
       </div>
       <div className='mt-auto w-full'>
         <div
-          className={`w-full text-center font-mono text-xs ${
+          className={`w-full text-center font-mono text-xs truncate ${
             confirmingPromotion ? 'text-white' : 'text-gray-400'
           }`}
         >