summaryrefslogtreecommitdiff
path: root/server/web/src/components/Select.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'server/web/src/components/Select.tsx')
-rw-r--r--server/web/src/components/Select.tsx56
1 files changed, 56 insertions, 0 deletions
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;