+
+ {settings.master_volume === 0 ? (
+
+ ) : settings.master_volume < 0.5 ? (
+
+ ) : (
+
+ )}
+
+ handleUpdate({ master_volume: parseFloat(e.target.value) })
+ }
+ className="flex-1 h-1.5 bg-gray-200 dark:bg-navy-600 rounded-full appearance-none cursor-pointer accent-primary-500"
+ />
+
+ {Math.round(settings.master_volume * 100)}%
+
+
+
+
+