status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-22 09:19:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(panel-wrapper): add closing and navigate from modal

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-15 11:59:37 +03:00 committed by Radoslav Dimchev
parent 624218b104
commit 521e88f75a
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx
View File

@ -1,8 +1,11 @@
import { Text } from '@status-im/components'
import { useState } from 'react'
import ReactModal from 'react-modal'
import { useNavigate, useParams } from 'react-router-dom'
import { YStack } from 'tamagui'
import { PATHS } from '../../../constants'
type PanelWrapperProps = {
children: React.ReactNode
title: string
@ -10,9 +13,18 @@ type PanelWrapperProps = {
const PanelWrapper = ({ children, title }: PanelWrapperProps) => {
const [isModalOpen, setIsModalOpen] = useState(true)
const navigate = useNavigate()
const { validatorName } = useParams()
const closeModal = () => {
setIsModalOpen(false)
navigate(`${PATHS.MANAGE_VALIDATOR}/${validatorName}`)
}
return (
<ReactModal
isOpen={isModalOpen}
onRequestClose={closeModal}
style={{
content: {
borderRadius: '12px',