1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { InjectedFormProps, reduxForm } from 'redux-form';
7 import { Grid, Button } from '@material-ui/core';
8 import { PropertyKeyField, PROPERTY_KEY_FIELD_NAME } from './property-key-field';
9 import { PropertyValueField, PROPERTY_VALUE_FIELD_NAME } from './property-value-field';
11 export interface ResourcePropertiesFormData {
12 [PROPERTY_KEY_FIELD_NAME]: string;
13 [PROPERTY_VALUE_FIELD_NAME]: string;
16 export const ResourcePropertiesForm = ({ handleSubmit }: InjectedFormProps<ResourcePropertiesFormData>) =>
17 <form onSubmit={handleSubmit}>
18 <Grid container spacing={16}>
23 <PropertyValueField />
26 <Button variant='contained' type='submit'>Add</Button>