status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-08 09:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(constants): create and use modal width const

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-16 11:14:31 +03:00 committed by Radoslav Dimchev
parent 46368accfb
commit 91942d25b6
4 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/constants.ts
View File

@ -256,6 +256,7 @@ export const VALIDATORS_DATA = [
// Manage Validator
export const VALIDATOR_SETTINGS_CARDS_TITLES = ['Exit', 'Migrate', 'Advanced']
export const VALIDATOR_SETTING_ADVANCED_OPTIONS = ['Deposit']
export const MODAL_WIDTH = 1160
export const MANAGE_VALIDATOR_TABS = [
'Overview',

3
src/pages/ManageValidator/LeftManage/LeftManage.tsx
View File

@ -11,11 +11,12 @@ import ValidatorDataTabs from './ManageValidatorTable/ValidatorDataTabs'
import ValidatorBlueSection from './ValidatorBlueSection/ValidatorBlueSection'
import Footer from './PageParts/Footer'
import { useWindowSize } from '../../../hooks/useWindowSize'
import { MODAL_WIDTH } from '../../../constants'
const LeftManage = () => {
const [isVisibleWarning, setIsVisibleWarning] = useState(true)
const { width } = useWindowSize()
const isModalWidth = width < 1160
const isModalWidth = width < MODAL_WIDTH
return (
<YStack

3
src/pages/ManageValidator/RightManagePanels/DefaultPanel.tsx
View File

@ -3,10 +3,11 @@ import { YStack } from 'tamagui'
import Icon from '../../../components/General/Icon'
import { useWindowSize } from '../../../hooks/useWindowSize'
import { MODAL_WIDTH } from '../../../constants'
const DefaultPanel = () => {
const { width } = useWindowSize()
const isModalWidth = width < 1160
const isModalWidth = width < MODAL_WIDTH
return (
<>

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

@ -2,7 +2,7 @@ import { useState } from 'react'
import Modal from 'react-modal'
import { useNavigate, useParams } from 'react-router-dom'
import { PATHS } from '../../../constants'
import { MODAL_WIDTH, PATHS } from '../../../constants'
import { useWindowSize } from '../../../hooks/useWindowSize'
import PanelContent from './PanelContent'
@ -16,7 +16,7 @@ const PanelWrapper = ({ children, title }: PanelWrapperProps) => {
const navigate = useNavigate()
const { validatorName } = useParams()
const { width } = useWindowSize()
const isModalWidth = width < 1160
const isModalWidth = width < MODAL_WIDTH
const closeModal = () => {
setIsModalOpen(false)