diff --git a/frontend/src/components/NetworkMembers/NetworkMembers.jsx b/frontend/src/components/NetworkMembers/NetworkMembers.jsx
index a73beef..ac594a0 100644
--- a/frontend/src/components/NetworkMembers/NetworkMembers.jsx
+++ b/frontend/src/components/NetworkMembers/NetworkMembers.jsx
@@ -4,8 +4,11 @@ import {
AccordionSummary,
Checkbox,
Divider,
+ FormControlLabel,
Grid,
IconButton,
+ Radio,
+ RadioGroup,
TextField,
Typography,
} from "@material-ui/core";
@@ -29,6 +32,7 @@ function NetworkMembers({ network }) {
const [filter, setFilter] = useState("");
const [filterActive, setFilterActive] = useState(false);
const [filterInactive, setFilterInactive] = useState(false);
+ const [sortBy, setSortBy] = useState("id");
const fetchData = useCallback(async () => {
try {
@@ -175,14 +179,14 @@ function NetworkMembers({ network }) {
-
+
Search (Addr/Name)
setFilter(e.target.value)}
/>
-
+
Display Filter
Inactive
+
+ Sort by
+ setSortBy(e.target.value)}>
+ } label="Name" />
+ } label="Address" />
+
+
@@ -212,6 +223,7 @@ function NetworkMembers({ network }) {
(filterInactive ? x.online === 0 : true)
)
})
+ .sort((a, b) => a[sortBy].localeCompare(b[sortBy]))
}
/>
) : (