diff --git a/app/components/Contact/BottomScreen/BottomScreen.vue b/app/components/Contact/BottomScreen/BottomScreen.vue index d2c6462..1822d57 100644 --- a/app/components/Contact/BottomScreen/BottomScreen.vue +++ b/app/components/Contact/BottomScreen/BottomScreen.vue @@ -46,7 +46,7 @@ const { selected, selectorPosition } = useButtonNavigation({ }, }, initialButton: "github", - onButtonClick: (button) => { + onActivate: (button) => { actionateButton(button); }, disabled: computed(() => store.isIntro || store.isOutro), diff --git a/app/components/Home/BottomScreen/Buttons.vue b/app/components/Home/BottomScreen/Buttons.vue index 0d60a90..87fa0f9 100644 --- a/app/components/Home/BottomScreen/Buttons.vue +++ b/app/components/Home/BottomScreen/Buttons.vue @@ -18,7 +18,7 @@ const { selected, selectorPosition } = useButtonNavigation({ achievements: [225, 167, 31, 26], }, initialButton: store.selectedButton, - onButtonClick: (button) => { + onActivate: (button) => { if (button === "theme") throw new Error(`Not implemented: ${button}`); if (button === "achievements") { diff --git a/app/components/Settings/BottomScreen/Menus/Menus.vue b/app/components/Settings/BottomScreen/Menus/Menus.vue index 38d9499..988957f 100644 --- a/app/components/Settings/BottomScreen/Menus/Menus.vue +++ b/app/components/Settings/BottomScreen/Menus/Menus.vue @@ -68,7 +68,7 @@ const { select, selected, selectorPosition } = useButtonNavigation({ touchScreen: [175, 119, 49, 49], }, initialButton: settingsStore.selectedButton, - onButtonClick: (buttonName) => { + onActivate: (buttonName) => { if (isSubMenu(buttonName)) { settingsStore.openSubMenu(buttonName); } else { diff --git a/app/components/Settings/BottomScreen/Menus/Options/Language.vue b/app/components/Settings/BottomScreen/Menus/Options/Language.vue index 4907589..347ad25 100644 --- a/app/components/Settings/BottomScreen/Menus/Options/Language.vue +++ b/app/components/Settings/BottomScreen/Menus/Options/Language.vue @@ -40,7 +40,7 @@ const { selected, selectorPosition } = useButtonNavigation({ initialButton: BUTTON_KEYS[locales.value.findIndex((l) => l.code === locale.value)] ?? BUTTON_KEYS[0]!, - onButtonClick: () => handleActivateA(), + onActivate: () => handleActivateA(), navigation: { english: { right: "german", diff --git a/app/components/Settings/BottomScreen/Menus/Options/RenderingMode.vue b/app/components/Settings/BottomScreen/Menus/Options/RenderingMode.vue index c4c7807..c42bd3d 100644 --- a/app/components/Settings/BottomScreen/Menus/Options/RenderingMode.vue +++ b/app/components/Settings/BottomScreen/Menus/Options/RenderingMode.vue @@ -78,7 +78,7 @@ const { selected, selectorPosition } = useButtonNavigation({ _2dMode: [11, 91, 233, 74], }, initialButton: app.settings.renderingMode === "3d" ? "_3dMode" : "_2dMode", - onButtonClick: () => handleActivateA(), + onActivate: () => handleActivateA(), navigation: { _3dMode: { down: "_2dMode" }, _2dMode: { up: "_3dMode" }, diff --git a/app/composables/useButtonNavigation.ts b/app/composables/useButtonNavigation.ts index 0e84bc8..50b6fd9 100644 --- a/app/composables/useButtonNavigation.ts +++ b/app/composables/useButtonNavigation.ts @@ -4,7 +4,7 @@ export const useButtonNavigation = >({ buttons, initialButton, canClickButton, - onButtonClick, + onActivate, navigation, disabled, selectorAnimation, @@ -12,7 +12,7 @@ export const useButtonNavigation = >({ buttons: T; initialButton: keyof T; canClickButton?: (buttonName: keyof T) => boolean; - onButtonClick?: (buttonName: keyof T) => void; + onActivate?: (buttonName: keyof T) => void; navigation: Record< keyof T, { @@ -201,7 +201,7 @@ export const useButtonNavigation = >({ if (canClickButton && !canClickButton(buttonName)) continue; if (selectedButton.value === buttonName) { - onButtonClick?.(buttonName); + onActivate?.(buttonName); } else { const path = findPath(graph, selectedButton.value, buttonName); @@ -305,7 +305,7 @@ export const useButtonNavigation = >({ case "NDS_START": case "NDS_A": { - onButtonClick?.(selectedButton.value); + onActivate?.(selectedButton.value); break; }