From 366a714c6d51fae8905c50d960555b4707305f42 Mon Sep 17 00:00:00 2001
From: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
Date: Tue, 27 Nov 2018 23:27:32 +0100
Subject: [PATCH] Create ResourcePropertiesForm

Feature #14393

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
---
 .../resource-properties-form.tsx              | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/views-components/resource-properties-form/resource-properties-form.tsx

diff --git a/src/views-components/resource-properties-form/resource-properties-form.tsx b/src/views-components/resource-properties-form/resource-properties-form.tsx
new file mode 100644
index 00000000..2f3e0cd4
--- /dev/null
+++ b/src/views-components/resource-properties-form/resource-properties-form.tsx
@@ -0,0 +1,30 @@
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import * as React from 'react';
+import { InjectedFormProps, reduxForm } from 'redux-form';
+import { Grid, Button } from '@material-ui/core';
+import { PropertyKeyField, PROPERTY_KEY_FIELD_NAME } from './property-key-field';
+import { PropertyValueField, PROPERTY_VALUE_FIELD_NAME } from './property-value-field';
+
+export interface ResourcePropertiesFormData {
+    [PROPERTY_KEY_FIELD_NAME]: string;
+    [PROPERTY_VALUE_FIELD_NAME]: string;
+}
+
+export const ResourcePropertiesForm = reduxForm({ form: 'rpform' })(
+    ({ handleSubmit }: InjectedFormProps) =>
+        <form onSubmit={handleSubmit}>
+            <Grid container spacing={16}>
+                <Grid item xs>
+                    <PropertyKeyField />
+                </Grid>
+                <Grid item xs>
+                    <PropertyValueField />
+                </Grid>
+                <Grid item xs>
+                    <Button variant='contained'>Add</Button>
+                </Grid>
+            </Grid>
+        </form>);
-- 
2.30.2