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

Merge pull request 'Fix build issue with types returned by the Slider component' (#162) from fix-build into main
Some checks failed
Playwright Tests / test (push) Has been skipped
Details
Check usage of free licenses / build-static-assets (push) Successful in 36s
Details
Build Nginx-based docker image / build-static-assets (push) Failing after 1m40s
Details

Browse Source 
Reviewed-on: #162
This commit is contained in:
bustikiller 2024-12-28 19:28:06 +00:00
commit c540828463
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>