From cd4e6a6afc9f4df2e5eb9a4d5c1af4caceddfb16 Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Wed, 8 Jun 2022 14:20:02 +0200
Subject: Search form: Reset search value when changing field

---
 src/components/SearchForm.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/SearchForm.js b/src/components/SearchForm.js
index 1e56fc7..dd52578 100644
--- a/src/components/SearchForm.js
+++ b/src/components/SearchForm.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 
 import Button from "@mui/material/Button";
@@ -13,6 +13,8 @@ function SearchForm(props) {
     let [searchField, setSearchField] = useState("port");
     let [searchValue, setSearchValue] = useState("");
 
+    useEffect(clearSearch, [searchField]);
+
     function clearSearch(_) {
         setSearchValue("");
         props.filter(null, null);
-- 
cgit v1.1