\n ⚙️ Settings\n

\n Customize your goal tracking preferences\n

\n\n

\n {/* Unit Toggle */}\n

\n \n Unit Type\n \n

\n \n updateSetting('usePomodoros', false)}\n style={{ marginRight: '8px' }}\n />\n Hours\n \n \n updateSetting('usePomodoros', true)}\n style={{ marginRight: '8px' }}\n />\n Pomodoros (25 min sessions)\n \n

\n\n {/* Min/Max Range */}\n

\n \n {localSettings.usePomodoros ? 'Pomodoro' : 'Hour'} Range\n \n

\n \n Minimum\n \n updateSetting('minValue', parseInt(e.target.value) || 1)}\n min=\"1\"\n max=\"23\"\n style={{\n width: '80px',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px'\n }}\n />\n

\n to\n

\n \n Maximum\n \n updateSetting('maxValue', parseInt(e.target.value) || 8)}\n min={localSettings.minValue}\n max=\"24\"\n style={{\n width: '80px',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px'\n }}\n />\n

\n\n {/* Increment */}\n

\n \n Increment Step\n \n

\n updateSetting('increment', parseFloat(e.target.value) || 0.5)}\n min=\"0.1\"\n max=\"2\"\n step=\"0.1\"\n style={{\n width: '100px',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px'\n }}\n />\n \n {localSettings.usePomodoros ? 'pomodoros' : 'hours'}\n \n

\n How much to increase between each option\n

\n\n {/* Fatebook API Key */}\n

\n \n Fatebook API Key (Optional)\n \n updateSetting('fatebookApiKey', e.target.value)}\n placeholder=\"Enter your Fatebook API key\"\n style={{\n width: '100%',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px',\n fontSize: '14px'\n }}\n />\n

\n Get your API key from{' '}\n \n fatebook.io/api-setup\n \n

\n\n {/* Action buttons */}\n

\n \n Cancel\n \n \n Save Settings\n \n

\n );\n}","deleted","label",[172,155],"components","permalink","https://www.val.town/x/dcm31/expected-work/code/components/SettingsPanel.tsx","extension","actionData","errors"]