From 58ebd3bc0f00c532e97e9a5571471ffab87934ba Mon Sep 17 00:00:00 2001
From: AL-LCL <alvin@alvinhavel.com>
Date: Fri, 19 May 2023 10:39:49 +0200
Subject: GOD-VIEW

---
 server/web/src/components/Select.tsx | 56 ++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 server/web/src/components/Select.tsx

(limited to 'server/web/src/components/Select.tsx')

diff --git a/server/web/src/components/Select.tsx b/server/web/src/components/Select.tsx
new file mode 100644
index 0000000..76809f6
--- /dev/null
+++ b/server/web/src/components/Select.tsx
@@ -0,0 +1,56 @@
+import { SelectContainer, SelectRow } from '../design/components/Select.design';
+import { ISelect, IState } from '../interfaces/components/Select.interface';
+import React, { Component } from 'react';
+import {
+    FaUserPlus,
+    FaUserMinus,
+    FaBan,
+    FaUnlockAlt,
+    FaTrash
+} from 'react-icons/fa';
+
+class Select extends Component<ISelect, IState> {
+    render() {
+        const {
+            show,
+            top,
+            left,
+            sessionAdd,
+            sessionRemove,
+            blacklistAdd,
+            blacklistRemove,
+            clientRemove
+        } = this.props;
+
+        return show ? (
+            <SelectContainer
+                style={{
+                    top: top,
+                    left: left
+                }}
+            >
+                <SelectRow onClick={sessionAdd}>
+                    <FaUserPlus size="1rem" color="rgb(0, 255, 255)" /> Session
+                    Add
+                </SelectRow>
+                <SelectRow onClick={sessionRemove}>
+                    <FaUserMinus size="1rem" color="rgb(0, 255, 255)" /> Session
+                    Remove
+                </SelectRow>
+                <SelectRow onClick={blacklistAdd}>
+                    <FaBan size="1rem" color="rgb(138, 43, 226)" /> Blacklist
+                    Add
+                </SelectRow>
+                <SelectRow onClick={blacklistRemove}>
+                    <FaUnlockAlt size="1rem" color="rgb(138, 43, 226)" />{' '}
+                    Blacklist Remove
+                </SelectRow>
+                <SelectRow onClick={clientRemove}>
+                    <FaTrash size="1rem" color="rgb(225, 53, 57)" /> Delete
+                </SelectRow>
+            </SelectContainer>
+        ) : null;
+    }
+}
+
+export default Select;
-- 
cgit v1.2.3

