Add default button to tuner. fixes #627, closes #636, closes #635

src/App.jsx

@@ -1957,11 +1957,13 @@ const App = memo(() => {
   const { t } = useTranslation();
 
   function renderTuner(type) {
+    // NOTE default values are duplicated in public/configStore.js
     const types = {
       wheelSensitivity: {
         title: t('Timeline trackpad/wheel sensitivity'),
         value: wheelSensitivity,
         setValue: setWheelSensitivity,
+        default: 0.2,
       },
       keyboardNormalSeekSpeed: {
         title: t('Timeline keyboard seek speed'),
@@ -1969,6 +1971,7 @@ const App = memo(() => {
         setValue: setKeyboardNormalSeekSpeed,
         min: 0,
         max: 100,
+        default: 1,
       },
       keyboardSeekAccFactor: {
         title: t('Timeline keyboard seek acceleration'),
@@ -1976,11 +1979,14 @@ const App = memo(() => {
         setValue: setKeyboardSeekAccFactor,
         min: 1,
         max: 2,
+        default: 1.03,
       },
     };
-    const { title, value, setValue, min, max } = types[type];
+    const { title, value, setValue, min, max, default: defaultValue } = types[type];
 
-    return <ValueTuner title={title} style={{ bottom: bottomBarHeight }} value={value} setValue={setValue} onFinished={() => setTunerVisible()} max={max} min={min} />;
+    const resetToDefault = () => setValue(defaultValue);
+
+    return <ValueTuner title={title} style={{ bottom: bottomBarHeight }} value={value} setValue={setValue} onFinished={() => setTunerVisible()} max={max} min={min} resetToDefault={resetToDefault} />;
   }
 
   // throw new Error('Test');

src/components/ValueTuner.jsx

@@ -2,7 +2,7 @@ import React, { memo } from 'react';
 import { Button } from 'evergreen-ui';
 import { useTranslation } from 'react-i18next';
 
-const ValueTuner = memo(({ style, title, value, setValue, onFinished, resolution = 1000, min = 0, max = 1 }) => {
+const ValueTuner = memo(({ style, title, value, setValue, onFinished, resolution = 1000, min = 0, max = 1, resetToDefault }) => {
   const { t } = useTranslation();
 
   function onChange(e) {
@@ -15,10 +15,12 @@ const ValueTuner = memo(({ style, title, value, setValue, onFinished, resolution
       <div style={{ display: 'flex', alignItems: 'center' }}>
         <div>{title}</div>
         <div style={{ marginLeft: 10, fontWeight: 'bold' }}>{value.toFixed(2)}</div>
+        <div style={{ flexGrow: 1 }} />
+        <Button height={20} onClick={resetToDefault}>{t('Default')}</Button>
+        <Button height={20} intent="success" onClick={onFinished}>{t('Done')}</Button>
       </div>
       <div style={{ display: 'flex', alignItems: 'center' }}>
         <input style={{ flexGrow: 1 }} type="range" min="0" max="1000" step="1" value={((value - min) / (max - min)) * resolution} onChange={onChange} />
-        <Button height={20} intent="success" onClick={onFinished}>{t('Done')}</Button>
       </div>
     </div>
   );