From 3f3185aabe18f5935dcfd5dc5b56feb4344b4615 Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Tue, 26 Jul 2022 17:14:52 +0530
Subject: [PATCH] feat(frontend): updated general form to work with new form
 shape

 * Added CSS for row gap.
---
 .../src/components/Modal/volume/General.tsx      | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/services/frontend/src/components/Modal/volume/General.tsx b/services/frontend/src/components/Modal/volume/General.tsx
index 88b8f14..d2985ae 100644
--- a/services/frontend/src/components/Modal/volume/General.tsx
+++ b/services/frontend/src/components/Modal/volume/General.tsx
@@ -1,11 +1,19 @@
+import { styled } from "@mui/joy";
+
 import TextField from "../../global/FormElements/TextField";
 
+const Root = styled("div")`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${({ theme }) => theme.spacing(1)};
+`;
+
 const General = () => {
   return (
-    <>
-      <TextField label="Volume name" name="canvasConfig.node_name" />
-      <TextField label="Name" name="volumeConfig.name" />
-    </>
+    <Root>
+      <TextField label="Entry name" name="entryName" />
+      <TextField label="Volume name" name="volumeName" />
+    </Root>
   );
 };