github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-07 03:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): tweak duration minute change buttons logic

Browse Source
This commit is contained in:
Łukasz Mierzwa
2018-08-15 19:48:38 +01:00
parent 41e003ea46
commit 4c7706aeba
1 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ui/src/Components/SilenceModal/DateTimeSelect/index.js
View File

@@ -83,6 +83,16 @@ const TabContentEnd = observer(({ silenceFormStore }) => {
);
});
// calculate value for duration increase and decrease buttons using a goal step
const CalculateChangeValue = (currentValue, step) => {
// if current value is less than step (but >0) then use 1
if (currentValue > 0 && currentValue < step) {
return 1;
}
// otherwise use step or a value that moves current value to the next step
return step - (currentValue % step) || step;
};
const TabContentDuration = observer(({ silenceFormStore }) => {
return (
<div className="d-flex flex-sm-row flex-column justify-content-around mt-2 mx-3">
@@ -101,8 +111,16 @@ const TabContentDuration = observer(({ silenceFormStore }) => {
<Duration
label="minutes"
value={silenceFormStore.data.toDuration.minutes}
onInc={() => silenceFormStore.data.incDuration(1)}
onDec={() => silenceFormStore.data.decDuration(1)}
onInc={() =>
silenceFormStore.data.incDuration(
CalculateChangeValue(silenceFormStore.data.toDuration.minutes, 5)
)
}
onDec={() =>
silenceFormStore.data.decDuration(
CalculateChangeValue(silenceFormStore.data.toDuration.minutes, 5)
)
}
/>
</div>
);