From 22f588c07e004ee35963809c83a83b28fc1524f8 Mon Sep 17 00:00:00 2001
From: Raghunandan Balachandran <raghunandan@spotify.com>
Date: Fri, 7 Feb 2020 14:18:19 +0100
Subject: [PATCH] Use Struct for metadata

---
 .../CreateEntityFormPage.tsx                  | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/packages/plugins/create-entity/src/components/CreateEntityFormPage/CreateEntityFormPage.tsx b/frontend/packages/plugins/create-entity/src/components/CreateEntityFormPage/CreateEntityFormPage.tsx
index ab20425d67..d596079509 100644
--- a/frontend/packages/plugins/create-entity/src/components/CreateEntityFormPage/CreateEntityFormPage.tsx
+++ b/frontend/packages/plugins/create-entity/src/components/CreateEntityFormPage/CreateEntityFormPage.tsx
@@ -4,6 +4,7 @@ import { useFormik } from 'formik';
 import { Button, TextField, makeStyles } from '@material-ui/core';
 import { InfoCard } from '@backstage/core';
 import { scaffolderV1 } from '@backstage/protobuf-definitions';
+import * as google_protobuf_struct_pb from 'google-protobuf/google/protobuf/struct_pb.js';
 
 const useStyles = makeStyles(theme => ({
   formGroup: {
@@ -23,19 +24,24 @@ const CreateEntityFormPage = () => {
     },
     onSubmit: (values: any) => {
       console.log(JSON.stringify(values, null, 2));
+      console.log(google_protobuf_struct_pb);
       const client = new scaffolderV1.Client('http://localhost:8080');
       const req = new scaffolderV1.CreateRequest();
       req.setComponentId(values.entityId);
       req.setTemplateId(templateId);
-      req.setMetadata({
-        description: values.description
-      });
+      req.setMetadata(
+        new google_protobuf_struct_pb.Struct({
+          fields: {
+            description: values.description,
+          },
+        }),
+      );
       req.setPrivate(false);
       client.create(req).then((res: scaffolderV1.CreateReply) => {
         console.log('COMPONENT CREATED');
         console.log(res.toObject().componentId);
       });
-    }
+    },
   });
 
   return (
@@ -61,7 +67,11 @@ const CreateEntityFormPage = () => {
             ></TextField>
           </div>
           <div className={classes.formGroup}>
-            <Button variant="contained" color="primary" onClick={formik.submitForm}>
+            <Button
+              variant="contained"
+              color="primary"
+              onClick={formik.submitForm}
+            >
               Submit
             </Button>
           </div>