From 776d9cd037ea2c0237cc9e9395ebccd855d11455 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Thu, 30 May 2024 12:05:00 +0200
Subject: [PATCH] UPD: Orange sonner text

---
 .../src/components/config/values/ValueCard.vue | 18 +++++++++---------
 .../src/components/ui/sonner/Sonner.vue        |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/components/config/values/ValueCard.vue b/src/renderer/src/components/config/values/ValueCard.vue
index 7c1577b..5889374 100644
--- a/src/renderer/src/components/config/values/ValueCard.vue
+++ b/src/renderer/src/components/config/values/ValueCard.vue
@@ -1,8 +1,5 @@
-<template>
-  <div
-    :key="deviceStore.currentProfileName || 'no-profile'"
-    class="overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900/50"
-  >
+<template :key="deviceStore.currentProfileName || 'no-profile'">
+  <div class="overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900/50">
     <div class="p-4">
       <span class="font-mono text-sm text-muted-foreground"
         >Value{{ valueIndex ? ` ${valueIndex}` : '' }}:</span
@@ -172,10 +169,13 @@ const valueType = computed(() => {
   return null
 })
 
-const keyState = ref(props.value.keyState || 0)
-
-watch(keyState, (newKeyState) => {
-  deviceStore.updateKnobValueParameter(props.valueIndex - 1, { keyState: newKeyState })
+const keyState = computed({
+  get() {
+    return props.value.keyState || 0
+  },
+  set(newKeyState) {
+    deviceStore.updateKnobValueParameter(props.valueIndex - 1, { keyState: newKeyState })
+  }
 })
 
 const conditions = ref({
diff --git a/src/renderer/src/components/ui/sonner/Sonner.vue b/src/renderer/src/components/ui/sonner/Sonner.vue
index 40600d4..5543651 100644
--- a/src/renderer/src/components/ui/sonner/Sonner.vue
+++ b/src/renderer/src/components/ui/sonner/Sonner.vue
@@ -11,7 +11,7 @@ const props = defineProps<ToasterProps>()
     :toast-options="{
       classes: {
         toast:
-          'group toast group-[.toaster]:bg-background font-heading group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
+          'group toast group-[.toaster]:bg-background font-heading group-[.toaster]:text-orange-500 group-[.toaster]:border-border group-[.toaster]:shadow-lg',
         description: 'group-[.toast]:text-muted-foreground font-mono',
         actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
         cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground'