|
@@ -44,12 +44,12 @@ const ConnectionsPage = () => {
|
|
|
|
|
|
const filterConn = useMemo(() => {
|
|
const filterConn = useMemo(() => {
|
|
const orderFunc = orderOpts[curOrderOpt];
|
|
const orderFunc = orderOpts[curOrderOpt];
|
|
- const connetions = connData.connections.filter((conn) =>
|
|
|
|
|
|
+ const connections = connData.connections.filter((conn) =>
|
|
(conn.metadata.host || conn.metadata.destinationIP)?.includes(filterText)
|
|
(conn.metadata.host || conn.metadata.destinationIP)?.includes(filterText)
|
|
);
|
|
);
|
|
|
|
|
|
- if (orderFunc) return orderFunc(connetions);
|
|
|
|
- return connetions;
|
|
|
|
|
|
+ if (orderFunc) return orderFunc(connections);
|
|
|
|
+ return connections;
|
|
}, [connData, filterText, curOrderOpt]);
|
|
}, [connData, filterText, curOrderOpt]);
|
|
|
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
@@ -167,6 +167,7 @@ const ConnectionsPage = () => {
|
|
fullWidth
|
|
fullWidth
|
|
size="small"
|
|
size="small"
|
|
autoComplete="off"
|
|
autoComplete="off"
|
|
|
|
+ spellCheck="false"
|
|
variant="outlined"
|
|
variant="outlined"
|
|
placeholder={t("Filter conditions")}
|
|
placeholder={t("Filter conditions")}
|
|
value={filterText}
|
|
value={filterText}
|