diff --git a/SettingsPage.tsx b/SettingsPage.tsx
index 64478ee..5987c80 100644
--- a/SettingsPage.tsx
+++ b/SettingsPage.tsx
@@ -259,46 +259,47 @@ export default function SettingsPage() {
}, [])
const buttons = useMemo(
- () => [
- {
- name: 'Alarm sound',
- element: (
-
- Alarm sound
-
-
- ),
- },
- {
- name: 'Export database',
- element: (
-
- ),
- },
- {
- name: 'Import database',
- element: (
-
- ),
- },
- ],
- [changeSound, exportDatabase, soundString],
+ () =>
+ [
+ {
+ name: 'Alarm sound',
+ element: (
+
+ Alarm sound
+
+
+ ),
+ },
+ {
+ name: 'Export database',
+ element: (
+
+ ),
+ },
+ {
+ name: 'Import database',
+ element: (
+
+ ),
+ },
+ ].filter(({name}) => name.toLowerCase().includes(term.toLowerCase())),
+ [changeSound, exportDatabase, soundString, term],
)
return (
@@ -309,9 +310,7 @@ export default function SettingsPage() {
{switches.map(s => renderSwitch(s))}
{selects.map(s => renderSelect(s))}
- {buttons
- .filter(b => b.name.includes(term.toLowerCase()))
- .map(b => b.element)}
+ {buttons.map(b => b.element)}