diff --git a/src/frontend/src/pages/part/CategoryDetail.tsx b/src/frontend/src/pages/part/CategoryDetail.tsx index c602ac5cd3..263015d030 100644 --- a/src/frontend/src/pages/part/CategoryDetail.tsx +++ b/src/frontend/src/pages/part/CategoryDetail.tsx @@ -123,7 +123,7 @@ export default function CategoryDetail({}: {}) { () => [ { name: 'details', - label: t`Details`, + label: t`Category Details`, icon: , content: detailsPanel // hidden: !category?.pk, diff --git a/src/frontend/src/tables/Details.tsx b/src/frontend/src/tables/Details.tsx index 5978dd555a..b95dd288c1 100644 --- a/src/frontend/src/tables/Details.tsx +++ b/src/frontend/src/tables/Details.tsx @@ -276,7 +276,11 @@ function NameBadge({ pk, type }: { pk: string | number; type: BadgeType }) { * If user is defined, a badge is rendered in addition to main value */ function TableStringValue(props: FieldProps) { - let value = props?.field_value ?? {}; + let value = props?.field_value; + + if (value === undefined) { + return '---'; + } if (props.field_data?.value_formatter) { value = props.field_data.value_formatter(); @@ -455,6 +459,7 @@ export function DetailsTableField({ display: 'flex', alignItems: 'center', gap: '20px', + width: '50', justifyContent: 'flex-start' }} > @@ -466,7 +471,9 @@ export function DetailsTableField({ - {field.copy && } + + {field.copy && } + ); } @@ -481,10 +488,6 @@ export function DetailsTable({ return ( - - - - {fields .filter((field: DetailsField) => !field.hidden)