bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 7 Actions Packages Projects Releases Wiki Activity

Fix build issue with types returned by the Slider component
All checks were successful
Playwright Tests / test (pull_request) Has been skipped
Details
Add copyright notice / copyright_notice (pull_request) Successful in 33s
Details
Check usage of free licenses / build-static-assets (pull_request) Successful in 2m31s
Details

Browse Source
This commit is contained in:
Manuel Bustillo 2024-12-28 20:23:35 +01:00
parent 6d35009593
commit a6b678c6ae
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/ui/components/form/affinitySlider.tsx
View File

@ -4,6 +4,13 @@ import { Slider } from 'primereact/slider';
export default function AffinitySlider({ value, onChange }: { value: number, onChange: (value: number) => void }) {
const toNumber = (value : number | [number, number]) => {
if(value instanceof Array) {
return value[0];
}
return value;
}
const label = (value: number) => {
if (value < 0.2) {
return 'Nemesis';
@ -24,7 +31,7 @@ export default function AffinitySlider({ value, onChange }: { value: number, onC
return (
<>
<Slider value={value} min={0} max={2} step={.1} onChange={(e) => onChange(e.value)} className='w-80 bg-gray-400' />
<Slider value={value} min={0} max={2} step={.1} onChange={(e) => onChange(toNumber(e.value))} className='w-80 bg-gray-400' />
<span className="px-4 w-1/5">
{label(value)}
</span>