diff --git a/src/components/atoms/form/MatrixProperty.tsx b/src/components/atoms/form/MatrixProperty.tsx index 4d5210e..4b6d994 100644 --- a/src/components/atoms/form/MatrixProperty.tsx +++ b/src/components/atoms/form/MatrixProperty.tsx @@ -78,9 +78,10 @@ export const MatrixProperty = ({ } render={(arrayHelper) => ( ) : ( { props.onChange && props.onChange(newExpanded); }} type="button" + style={{ width: 22, height: 22 }} className={`flex hover:bg-circle-gray-250 border-white border rounded px-1`} > diff --git a/src/components/containers/ParamListContainer.tsx b/src/components/containers/ParamListContainer.tsx index 69641e6..e6605bd 100644 --- a/src/components/containers/ParamListContainer.tsx +++ b/src/components/containers/ParamListContainer.tsx @@ -1,5 +1,6 @@ import { parameters } from '@circleci/circleci-config-sdk'; import { AnyParameterLiteral } from '@circleci/circleci-config-sdk/dist/src/lib/Components/Parameters/types/CustomParameterLiterals.types'; +import { Fragment } from 'react'; import InspectorProperty from '../atoms/form/InspectorProperty'; import { MatrixProperty } from '../atoms/form/MatrixProperty'; @@ -68,13 +69,13 @@ const ParamListContainer = ({ return ( <> {paramList.parameters.map((parameter, index) => { + console.log(subtypes[parameter.type](parameter)); return ( - <> + {matrix ? ( )} - + ); })} diff --git a/src/components/menus/definitions/OrbDefinitionsMenu.tsx b/src/components/menus/definitions/OrbDefinitionsMenu.tsx index 34715fa..cd1efdd 100644 --- a/src/components/menus/definitions/OrbDefinitionsMenu.tsx +++ b/src/components/menus/definitions/OrbDefinitionsMenu.tsx @@ -93,11 +93,16 @@ const OrbDefinitionContainer = (props: { title={props.dataMapping.name.plural || ''} > <> -
+
{Object.entries(props.data).map(([name, ref]) => ( - + ))}