1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 07:49:41 +02:00

feat(containers): migrate labels tab to react [EE-5212] (#10348)

This commit is contained in:
Chaim Lev-Ari 2023-09-26 13:54:45 +03:00 committed by GitHub
parent b4b44e6fa4
commit 7acde18930
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 159 additions and 67 deletions

View file

@ -0,0 +1,35 @@
import { useState } from 'react';
import { InputList } from '@@/form-components/InputList';
import { ArrayError } from '@@/form-components/InputList/InputList';
import { Item } from './Item';
import { Values } from './types';
export function LabelsTab({
values: initialValues,
onChange,
errors,
}: {
values: Values;
onChange: (values: Values) => void;
errors?: ArrayError<Values>;
}) {
const [values, setControlledValues] = useState(initialValues);
return (
<InputList
label="Labels"
onChange={handleChange}
errors={errors}
value={values}
item={Item}
itemBuilder={() => ({ name: '', value: '' })}
/>
);
function handleChange(values: Values) {
setControlledValues(values);
onChange(values);
}
}