hzhang/inspector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add description to array input fields

Browse Source
This commit is contained in:
Ola Hungerford
2025-01-29 11:36:10 -07:00
parent a4469f7895
commit 4b3bb5f34e
1 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/DynamicJsonForm.tsx
View File

@@ -132,6 +132,17 @@ const DynamicJsonForm = ({
const arrayValue = Array.isArray(currentValue) ? currentValue : []; const arrayValue = Array.isArray(currentValue) ? currentValue : [];
if (!propSchema.items) return null; if (!propSchema.items) return null;
return ( return (
<div className="space-y-4">
{propSchema.description && (
<p className="text-sm text-gray-600">{propSchema.description}</p>
)}
{propSchema.items?.description && (
<p className="text-sm text-gray-500">
Items: {propSchema.items.description}
</p>
)}
<div className="space-y-2"> <div className="space-y-2">
{arrayValue.map((item, index) => ( {arrayValue.map((item, index) => (
<div key={index} className="flex items-center gap-2"> <div key={index} className="flex items-center gap-2">
@@ -163,10 +174,12 @@ const DynamicJsonForm = ({
[...arrayValue, generateDefaultValue(propSchema.items as JsonSchemaType)] [...arrayValue, generateDefaultValue(propSchema.items as JsonSchemaType)]
); );
}} }}
title={propSchema.items?.description ? `Add new ${propSchema.items.description}` : 'Add new item'}
> >
Add Item Add Item
</Button> </Button>
</div> </div>
</div>
); );
} }
default: default: