mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02:16 +01:00 
			
		
		
		
	1-3073: close sidebar when you click a link within it (#8763)
This change makes it so that the project status sidebar will close when you follow a link within it. We do that by using JS event bubbling and attaching a handler on the modal parent. We can listen for events and check whether the target is an anchor and, if so, close the modal.
This commit is contained in:
		
							parent
							
								
									1af204e0f0
								
							
						
					
					
						commit
						2014d367f8
					
				| @ -106,7 +106,16 @@ const CloseRow = styled('div')(({ theme }) => ({ | ||||
| 
 | ||||
| export const ProjectStatusModal = ({ open, close }: Props) => { | ||||
|     return ( | ||||
|         <DynamicSidebarModal open={open} onClose={close} label='Project status'> | ||||
|         <DynamicSidebarModal | ||||
|             open={open} | ||||
|             onClose={close} | ||||
|             label='Project status' | ||||
|             onClick={(e: React.SyntheticEvent) => { | ||||
|                 if (e.target instanceof HTMLAnchorElement) { | ||||
|                     close(); | ||||
|                 } | ||||
|             }} | ||||
|         > | ||||
|             <ModalContentContainer> | ||||
|                 <HeaderRow> | ||||
|                     <StyledProjectStatusSvg aria-hidden='true' /> | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user