Release 2.1.1

Author: aceberg

CHANGELOG.md

@@ -1,6 +1,10 @@
 # Change Log
 All notable changes to this project will be documented in this file.
 
+## [v2.1.1] - 2025-03-26
+### Fixed
+- Filter bug in Chrome
+
 ## [v2.1.0] - 2025-03-25
 ### Added
 - Rewrited GUI in `SolidJS` and `TypeScript`

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "watchyourlan",
   "private": true,
-  "version": "2.1.0",
+  "version": "2.1.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/components/Filter.tsx

@@ -4,31 +4,36 @@ import { filterFunc } from "../functions/filter";
 
 
 function Filter() {
+  type FilterEvent = Event & {
+    currentTarget: HTMLSelectElement;
+    target: HTMLSelectElement;
+  };
 
-  const handleFilter = (field: keyof Host, value: any) => {
-      filterFunc(field, value);
+  const handleFilter = (field: keyof Host, event: FilterEvent) => {
+    const value = event.target ? event.target.value : 0;
+    filterFunc(field, value);
   };
 
   return (
     <div class="row">
       <div class="col input-group">
-        <select class="form-select" title="Filter by Iface">
+        <select onChange={(event)=>{handleFilter("Iface", event)}} class="form-select" title="Filter by Iface">
           <option selected disabled>Iface</option>
           <For each={ifaces()}>{(iface) =>
-            <option onClick={()=>{handleFilter("Iface", iface)}}>{iface}</option>
+            <option value={iface}>{iface}</option>
           }</For>
         </select>
-        <select class="form-select" title="Filter by Known">
+        <select onChange={(event)=>{handleFilter("Known", event)}} class="form-select" title="Filter by Known">
           <option selected disabled>Known</option>
-          <option onClick={()=>{handleFilter("Known", 1)}}>Known</option>
-          <option onClick={()=>{handleFilter("Known", 0)}}>Unknown</option>
+          <option value={1}>Known</option>
+          <option value={0}>Unknown</option>
         </select>
-        <select class="form-select" title="Filter by Online">
+        <select onChange={(event)=>{handleFilter("Now", event)}} class="form-select" title="Filter by Online">
           <option selected disabled>Online</option>
-          <option onClick={()=>{handleFilter("Now", 1)}}>On</option>
-          <option onClick={()=>{handleFilter("Now", 0)}}>Off</option>
+          <option value={1}>On</option>
+          <option value={0}>Off</option>
         </select>
-        <button onClick={()=>{handleFilter("ID", 0)}} class="btn btn-outline-primary" title="Reset filter">Reset filter</button>
+        <button onClick={()=>{handleFilter("ID", new Event("") as FilterEvent)}} class="btn btn-outline-primary" title="Reset filter">Reset filter</button>
       </div>
     </div>
   )

frontend/src/components/HostPage/HostCard.tsx

@@ -1,4 +1,5 @@
 import { apiDelHost, apiEditHost } from "../../functions/api";
+import { getHosts } from "../../functions/atstart";
 
 function HostCard(_props: any) {
 
@@ -8,6 +9,7 @@ function HostCard(_props: any) {
 
     name = n;
     await apiEditHost(_props.host.ID, name, '');
+    getHosts();
   };
 
   const handleToggle = async () => {
@@ -17,6 +19,7 @@ function HostCard(_props: any) {
     }
 
     await apiEditHost(_props.host.ID, name, 'toggle');
+    getHosts();
   };
 
   const handleDel = async () => {

internal/web/public/assets/HistShow.js

@@ -1 +1 @@
-VERSION=2.1.0
+VERSION=2.1.1