Automatically clear search bar

In favor of #234

client/src/components/SearchBar/SearchBar.tsx

@@ -105,6 +105,7 @@ export const SearchBar = (props: Props): JSX.Element => {
         const url = `${query.template}${search}`;
         redirectUrl(url, sameTab);
       }
+      if(config.autoClearSearch) clearSearch();
     } else if (e.code === 'Escape') {
       clearSearch();
     }

client/src/components/Settings/SearchSettings/SearchSettings.tsx

@@ -130,6 +130,19 @@ export const SearchSettings = (): JSX.Element => {
           </select>
         </InputGroup>
 
+        <InputGroup>
+          <label htmlFor={"autoClearSearch"}>Automatically clear the search bar</label>
+          <select
+            id={"autoClearSearch"}
+            name={"autoClearSearch"}
+            value={formData.autoClearSearch ? 1 : 0}
+            onChange={(e) => inputChangeHandler(e, { isBool: true })}
+            >
+            <option value={1}>True</option>
+            <option value={0}>False</option>
+          </select>
+        </InputGroup>
+
         <Button>Save changes</Button>
       </form>
 

client/src/interfaces/Config.ts

@@ -17,6 +17,7 @@ export interface Config {
   hideCategories: boolean;
   hideSearch: boolean;
   defaultSearchProvider: string;
+  autoClearSearch: boolean;
   dockerApps: boolean;
   dockerHost: string;
   kubernetesApps: boolean;

client/src/interfaces/Forms.ts

@@ -13,6 +13,7 @@ export interface SearchForm {
   defaultSearchProvider: string;
   searchSameTab: boolean;
   disableAutofocus: boolean;
+  autoClearSearch: boolean;
 }
 
 export interface OtherSettingsForm {

client/src/utility/templateObjects/configTemplate.ts

@@ -17,6 +17,7 @@ export const configTemplate: Config = {
   hideCategories: false,
   hideSearch: false,
   defaultSearchProvider: 'l',
+  autoClearSearch: false,
   dockerApps: false,
   dockerHost: 'localhost',
   kubernetesApps: false,

client/src/utility/templateObjects/settingsTemplate.ts

@@ -38,6 +38,7 @@ export const searchSettingsTemplate: SearchForm = {
   searchSameTab: false,
   defaultSearchProvider: 'l',
   disableAutofocus: false,
+  autoClearSearch: false,
 };
 
 export const dockerSettingsTemplate: DockerSettingsForm = {