remember previous object filters, improve translations

src/Views/Objects/objectPane.tsx

@@ -10,6 +10,8 @@ import { ObjectGridView } from "./objectGridView";
 import { StatusView } from "./statusView";
 import { icons } from "../../icons";
 import { translation } from "../../translations";
+import { previousObjectSearches } from "../../Model/model";
+import { stringToOptionTag } from "../../utility";
 
 export const viewTypes = {
   all: [translation.viewAll, "grid_view"],
@@ -61,6 +63,7 @@ export function ObjectPane(chat: Chat) {
 
   function applyFilter() {
     appliedFilter.value = filterInput.value;
+    previousObjectSearches.add(appliedFilter.value);
 
     const allObjects = [...chat.objects.value.values()];
     allObjects.forEach((object, i) => {
@@ -198,7 +201,16 @@ export function ObjectPane(chat: Chat) {
                     bind:value={filterInput}
                     on:enter={applyFilter}
                     placeholder={translation.searchPlaceholder}
+                    list="object-searches"
                   ></input>
+                  <datalist
+                    hidden
+                    id="object-searches"
+                    children:append={[
+                      previousObjectSearches,
+                      stringToOptionTag,
+                    ]}
+                  ></datalist>
                 </div>
               </label>
             </div>

src/Views/settingsModal.tsx

@@ -3,6 +3,7 @@ import * as React from "bloatless-react";
 import {
   clearAddresses,
   clearCategories,
+  clearObjectSearches,
   clearStatuses,
   isPresentingSettingsModal,
   repairApp,
@@ -56,6 +57,13 @@ export function SettingsModal() {
               <span class="icon">{icons.status}</span>
               {translation.clearStatuses}
             </button>
+            <button
+              class="tile width-100 flex-1"
+              on:click={clearObjectSearches}
+            >
+              <span class="icon">search</span>
+              {translation.clearObjectFilters}
+            </button>
           </div>
         </main>
         <button class="width-100" on:click={toggleSettings}>