diff options
author | AL-LCL <alvin@alvinhavel.com> | 2023-05-19 10:39:49 +0200 |
---|---|---|
committer | AL-LCL <alvin@alvinhavel.com> | 2023-05-19 10:39:49 +0200 |
commit | 58ebd3bc0f00c532e97e9a5571471ffab87934ba (patch) | |
tree | 6e099e59af07206df6edf2b0c585d0c5a466d4bd /server/web/src/components/Select.tsx |
Diffstat (limited to 'server/web/src/components/Select.tsx')
-rw-r--r-- | server/web/src/components/Select.tsx | 56 |
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; |