IDC Re #2633: fix slider min and max (#2634)

* IDC Re #2633: fix slider min and max
This commit is contained in:
Davide Punzo 2021-12-10 10:33:30 +01:00 committed by GitHub
parent abf050e162
commit ed501bb462
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -18,7 +18,7 @@ const DicomTagBrowser = ({ displaySets, displaySetInstanceUID }) => {
activeDisplaySetInstanceUID, activeDisplaySetInstanceUID,
setActiveDisplaySetInstanceUID, setActiveDisplaySetInstanceUID,
] = useState(displaySetInstanceUID); ] = useState(displaySetInstanceUID);
const [activeInstance, setActiveInstance] = useState(0); const [activeInstance, setActiveInstance] = useState(1);
const [tags, setTags] = useState([]); const [tags, setTags] = useState([]);
const [meta, setMeta] = useState(''); const [meta, setMeta] = useState('');
const [instanceList, setInstanceList] = useState([]); const [instanceList, setInstanceList] = useState([]);
@ -51,7 +51,7 @@ const DicomTagBrowser = ({ displaySets, displaySetInstanceUID }) => {
description: displayDate, description: displayDate,
onClick: () => { onClick: () => {
setActiveDisplaySetInstanceUID(displaySetInstanceUID); setActiveDisplaySetInstanceUID(displaySetInstanceUID);
setActiveInstance(0); setActiveInstance(1);
}, },
}; };
}); });
@ -65,7 +65,7 @@ const DicomTagBrowser = ({ displaySets, displaySetInstanceUID }) => {
if (isImageStack) { if (isImageStack) {
const { images } = activeDisplaySet; const { images } = activeDisplaySet;
const image = images[activeInstance]; const image = images[activeInstance - 1];
instanceList = images.map((image, index) => { instanceList = images.map((image, index) => {
const metadata = image.getData().metadata; const metadata = image.getData().metadata;
@ -107,7 +107,7 @@ const DicomTagBrowser = ({ displaySets, displaySetInstanceUID }) => {
showValue showValue
step={1} step={1}
min={1} min={1}
max={instanceList.length - 1} max={instanceList.length}
value={activeInstance} value={activeInstance}
valueRenderer={value => <p>Instance Number: {value}</p>} valueRenderer={value => <p>Instance Number: {value}</p>}
onChange={({ target }) => { onChange={({ target }) => {