chore: lint
This commit is contained in:
@@ -5,7 +5,7 @@ import { RemoveButton } from "../atoms/buttons/RemoveButton";
|
|||||||
|
|
||||||
export const KeyValueForm = forwardRef((props, ref) => {
|
export const KeyValueForm = forwardRef((props, ref) => {
|
||||||
const [numberOfPairs, setNumberOfPairs] = React.useState<number>(1);
|
const [numberOfPairs, setNumberOfPairs] = React.useState<number>(1);
|
||||||
const keyValuePairRefs = useRef<{getKeyValuePair: () => { key: string, value: string }}[]>([]);
|
const keyValuePairRefs = useRef<{ getKeyValuePair: () => { key: string, value: string } }[]>([]);
|
||||||
|
|
||||||
useImperativeHandle(ref, () => ({
|
useImperativeHandle(ref, () => ({
|
||||||
getObject() {
|
getObject() {
|
||||||
@@ -28,12 +28,12 @@ export const KeyValueForm = forwardRef((props, ref) => {
|
|||||||
{
|
{
|
||||||
new Array(numberOfPairs).fill(1).map((_, index) => {
|
new Array(numberOfPairs).fill(1).map((_, index) => {
|
||||||
return <KeyValuePair keyLabel={`key ${index + 1}`} valueLabel={`value ${index + 1}`} key={`keyValuePair-${index}`}
|
return <KeyValuePair keyLabel={`key ${index + 1}`} valueLabel={`value ${index + 1}`} key={`keyValuePair-${index}`}
|
||||||
//@ts-ignore
|
//@ts-ignore
|
||||||
ref={el => keyValuePairRefs.current[index] = el}/>
|
ref={el => keyValuePairRefs.current[index] = el} />
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
<AddButton handleClick={() => setNumberOfPairs(numberOfPairs + 1)} hoverEffect={false}/>
|
<AddButton handleClick={() => setNumberOfPairs(numberOfPairs + 1)} hoverEffect={false} />
|
||||||
<RemoveButton handleClick={() => setNumberOfPairs(numberOfPairs - 1)}/>
|
<RemoveButton handleClick={() => setNumberOfPairs(numberOfPairs - 1)} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user