add: created components for rules visualization

2023-09-24 22:50:42 +02:00
parent 4c4b80fd23
commit d195f2c7cd
8 changed files with 211 additions and 63 deletions
--- a/frontend/src/components/Firewall/ProtocolSelector.tsx
+++ b/frontend/src/components/Firewall/ProtocolSelector.tsx
@@ -0,0 +1,23 @@
+import { SegmentedControl, SegmentedControlProps } from "@mantine/core";
+import { Protocol } from "./utils";
+
+
+export const ProtocolSelector = (props:Omit<SegmentedControlProps, "data">) => (
+    <SegmentedControl
+        data={[
+            {
+                value: Protocol.TCP,
+                label: 'TCP',
+            },
+            {
+                value: Protocol.UDP,
+                label: 'UDP',
+            },
+            {
+                value: Protocol.ANY,
+                label: 'ANY',
+            }
+        ]}
+        {...props}
+    />
+)