Add more fields to BuildDetail page (#7183)

* Add more fields to BuildDetail page

* Prevent badges from flickering

src/frontend/src/pages/build/BuildDetail.tsx

@@ -150,6 +150,27 @@ export default function BuildDetail() {
         label: t`Responsible`,
         badge: 'owner',
         hidden: !build.responsible
+      },
+      {
+        type: 'text',
+        name: 'creation_date',
+        label: t`Created`,
+        icon: 'calendar',
+        hidden: !build.creation_date
+      },
+      {
+        type: 'text',
+        name: 'target_date',
+        label: t`Target Date`,
+        icon: 'calendar',
+        hidden: !build.target_date
+      },
+      {
+        type: 'text',
+        name: 'completion_date',
+        label: t`Completed`,
+        icon: 'calendar',
+        hidden: !build.completion_date
       }
     ];
 

src/frontend/src/pages/company/CompanyDetail.tsx

@@ -303,7 +303,11 @@ export default function CompanyDetail(props: Readonly<CompanyDetailProps>) {
 
   const badges: ReactNode[] = useMemo(() => {
     return [
-      <DetailsBadge label={t`Inactive`} color="red" visible={!company.active} />
+      <DetailsBadge
+        label={t`Inactive`}
+        color="red"
+        visible={company.active == false}
+      />
     ];
   }, [company]);
 

src/frontend/src/pages/company/SupplierPartDetail.tsx

@@ -303,7 +303,7 @@ export default function SupplierPartDetail() {
       <DetailsBadge
         label={t`Inactive`}
         color="red"
-        visible={!supplierPart.active}
+        visible={supplierPart.active == false}
       />
     ];
   }, [supplierPart]);