From a8dcab0844cde6f3a8a3467b0980cb195ce3f787 Mon Sep 17 00:00:00 2001
From: Tilen Komel <me@komelt.dev>
Date: Tue, 20 Aug 2024 00:07:32 +0200
Subject: [PATCH] Added security input fields

---
 .../PageComponents/Config/Security.tsx        | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/components/PageComponents/Config/Security.tsx b/src/components/PageComponents/Config/Security.tsx
index 71346d1a..4adb899e 100644
--- a/src/components/PageComponents/Config/Security.tsx
+++ b/src/components/PageComponents/Config/Security.tsx
@@ -1,5 +1,38 @@
+import { DynamicForm } from "@app/components/Form/DynamicForm";
+
 export const Security = (): JSX.Element => {
+  const onSubmit = (data: any) => {
+    console.log(data);
+  };
   return (
-    <h1>Security</h1>
+    <DynamicForm
+      onSubmit={onSubmit}
+      fieldGroups={[
+        {
+          label: "Security",
+          description: "Admin and direct messages keys",
+          fields: [
+            {
+              type: "text",
+              name: "publicKey",
+              label: "Public Key",
+              description: "Sent out to other nodes on the mesh to allow them to compute a shared secret key.",
+            },
+            {
+              type: "text",
+              name: "privateKey",
+              label: "Private Key",
+              description: "Used to create a shared key with a remote device."
+            },
+            {
+              type: "text",
+              name: "adminKey",
+              label: "Admin Key",
+              description: "The public key authorized to send admin messages to this node."
+            }
+          ],
+        },
+      ]}
+      />
   )
 };
\ No newline at end of file