From fe79891b5ecad8e7a0f448d3d1c8542324e5d07b Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Wed, 17 Apr 2024 14:38:21 +0200
Subject: [PATCH] ADD: KeyFeedbackConfig Remove feedback type

---
 src/renderer/src/appStore.ts                  |  5 ++++
 .../config/keys/KeyFeedbackConfig.vue         | 26 -------------------
 .../config/knob/KnobFeedbackConfig.vue        |  6 -----
 3 files changed, 5 insertions(+), 32 deletions(-)

diff --git a/src/renderer/src/appStore.ts b/src/renderer/src/appStore.ts
index 6840f00..3a67a3c 100644
--- a/src/renderer/src/appStore.ts
+++ b/src/renderer/src/appStore.ts
@@ -6,6 +6,7 @@ import KeyLightConfig from '@renderer/components/config/keys/KeyLightConfig.vue'
 import KnobMappingConfig from '@renderer/components/config/knob/KnobMappingConfig.vue'
 import KeyMappingConfig from '@renderer/components/config/keys/KeyMappingConfig.vue'
 import { shallowRef } from 'vue'
+import KeyFeedbackConfig from './components/config/keys/KeyFeedbackConfig.vue'
 
 export const useAppStore = defineStore('app', {
   state: () => {
@@ -33,6 +34,10 @@ export const useAppStore = defineStore('app', {
             titleKey: 'config_options.mapping_configuration.title',
             component: shallowRef(KeyMappingConfig)
           },
+          feedback: {
+            titleKey: 'config_options.feedback_designer.title',
+            component: shallowRef(KeyFeedbackConfig)
+          },
           lighting: {
             titleKey: 'config_options.light_designer.title',
             component: shallowRef(KeyLightConfig)
diff --git a/src/renderer/src/components/config/keys/KeyFeedbackConfig.vue b/src/renderer/src/components/config/keys/KeyFeedbackConfig.vue
index 350ba5f..80ab315 100644
--- a/src/renderer/src/components/config/keys/KeyFeedbackConfig.vue
+++ b/src/renderer/src/components/config/keys/KeyFeedbackConfig.vue
@@ -1,30 +1,4 @@
 <template>
-  <ConfigSection
-    :title="$t('config_options.feedback_designer.feedback_type.title')"
-    :icon-component="GaugeCircle"
-  >
-    <TabSelect v-model="feedbackType" :options="feedbackTypeOptions" />
-  </ConfigSection>
-  <ConfigSection
-    :title="$t('config_options.feedback_designer.haptic_response.title')"
-    :icon-component="AudioWaveform"
-    :show-toggle="true"
-  >
-    <SteppedSlider
-      v-model="feedbackStrength"
-      :label="$t('config_options.feedback_designer.haptic_response.feedback_strength')"
-    />
-    <Separator />
-    <SteppedSlider
-      v-model="bounceBackStrength"
-      :label="$t('config_options.feedback_designer.haptic_response.bounce_back_strength')"
-    />
-    <Separator />
-    <SteppedSlider
-      v-model="outputRampDampening"
-      :label="$t('config_options.feedback_designer.haptic_response.output_ramp_dampening')"
-    />
-  </ConfigSection>
   <ConfigSection
     :title="$t('config_options.feedback_designer.auditory_response.title')"
     :icon-component="AudioLines"
diff --git a/src/renderer/src/components/config/knob/KnobFeedbackConfig.vue b/src/renderer/src/components/config/knob/KnobFeedbackConfig.vue
index c6d45bd..3b374f5 100644
--- a/src/renderer/src/components/config/knob/KnobFeedbackConfig.vue
+++ b/src/renderer/src/components/config/knob/KnobFeedbackConfig.vue
@@ -1,10 +1,4 @@
 <template>
-  <ConfigSection
-    :title="$t('config_options.feedback_designer.feedback_type.title')"
-    :icon-component="GaugeCircle"
-  >
-    <TabSelect v-model="feedbackType" :options="feedbackTypeOptions" />
-  </ConfigSection>
   <ConfigSection
     :title="$t('config_options.feedback_designer.haptic_response.title')"
     :icon-component="AudioWaveform"