@@ -3,7 +3,7 @@ import { useSearchParams } from 'react-router-dom'
33import { Radiation , ArrowRight } from 'lucide-react'
44import { useDatabase } from '../contexts/DatabaseContext'
55import { useLayout } from '../contexts/LayoutContext'
6- import type { Element , Nuclide , AtomicRadiiData , RadioactiveNuclideData , DisplayNuclide } from '../types'
6+ import type { Element , Nuclide , AtomicRadiiData , RadioactiveNuclideData , DisplayNuclide , RadioNuclideListItem } from '../types'
77import PeriodicTable from '../components/PeriodicTable'
88import NuclideDetailsCard from '../components/NuclideDetailsCard'
99import RadioactiveNuclideCard from '../components/RadioactiveNuclideCard'
@@ -1013,11 +1013,16 @@ export default function ShowElementData() {
10131013 // Handler to update nuclide selection and URL
10141014 const handleNuclideClick = ( displayNuclide : DisplayNuclide ) => {
10151015 const newParams = new URLSearchParams ( searchParams )
1016- const nuclideData = displayNuclide . data
1016+ let nuclideData : RadioNuclideListItem | Nuclide
10171017
10181018 if ( displayNuclide . type === 'full' ) {
1019- // Full nuclide - set directly and update URL
1020- setSelectedNuclide ( nuclideData )
1019+ const fullNuclide = displayNuclide . data
1020+ setSelectedNuclide ( fullNuclide )
1021+ nuclideData = fullNuclide
1022+ } else {
1023+ const radioactiveOnly = displayNuclide . data
1024+ setSelectedNuclide ( null )
1025+ nuclideData = radioactiveOnly
10211026 }
10221027
10231028 newParams . set ( 'Z' , nuclideData . Z . toString ( ) )
0 commit comments