From d6e2aaad41f916c2080c59cf7b4e42bf87a1a03f Mon Sep 17 00:00:00 2001
From: Emiliano Ciavatta
Date: Wed, 30 Sep 2020 22:57:25 +0200
Subject: Complete setup page

---
 frontend/src/components/ConnectionMatchedRules.js | 29 +++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 frontend/src/components/ConnectionMatchedRules.js

(limited to 'frontend/src/components/ConnectionMatchedRules.js')

diff --git a/frontend/src/components/ConnectionMatchedRules.js b/frontend/src/components/ConnectionMatchedRules.js
new file mode 100644
index 0000000..21f2a92
--- /dev/null
+++ b/frontend/src/components/ConnectionMatchedRules.js
@@ -0,0 +1,29 @@
+import React, {Component} from 'react';
+import './ConnectionMatchedRules.scss';
+import ButtonField from "./fields/ButtonField";
+
+class ConnectionMatchedRules extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+        };
+    }
+
+    render() {
+        const matchedRules = this.props.matchedRules.map(mr => {
+            const rule = this.props.rules.find(r => r.id === mr);
+            return <ButtonField key={mr} onClick={() => this.props.addMatchedRulesFilter(rule.id)} name={rule.name}
+                                color={rule.color} small />;
+        });
+
+        return (
+            <tr className="connection-matches">
+                <td className="row-label">matched_rules:</td>
+                <td className="rule-buttons" colSpan={9}>{matchedRules}</td>
+            </tr>
+        );
+    }
+}
+
+export default ConnectionMatchedRules;
-- 
cgit v1.2.3-70-g09d2