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)