status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Remove `SafeVersionProvider` (#694)

This commit is contained in:
Fernando 2020-03-26 09:25:07 -03:00 committed by GitHub
parent b5bc0304f3
commit c19b29854f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
src/components/SafeVersionProvider/index.jsx
View File

@ -1,133 +0,0 @@
// @flow
import * as React from 'react'
import { useSelector } from 'react-redux'
import semverLessThan from 'semver/functions/lt'
import satisfies from 'semver/functions/satisfies'
import semverValid from 'semver/functions/valid'
import Modal from '~/components/Modal'
import { getGnosisSafeInstanceAt } from '~/logic/contracts/safeContracts'
import { getCurrentMasterContractLastVersion } from '~/logic/safe/utils/safeVersion'
import UpdateSafeModal from '~/routes/safe/components/Settings/UpdateSafeModal'
import { safeParamAddressFromStateSelector } from '~/routes/safe/store/selectors'
type TSafeVersion = {
currentVersion: string,
featuresEnabled: string[],
lastVersion: string,
needsUpdate: boolean,
upgradeSafe: () => void,
}
export const SafeVersionContext = React.createContext<TSafeVersion>({
currentVersion: '',
featuresEnabled: [],
lastVersion: '',
needsUpdate: false,
upgradeSafe: () => {},
})
const SafeVersionProvider = ({ children }: { children: React.Node }) => {
const safeAddress = useSelector(safeParamAddressFromStateSelector)
const { currentVersion, lastVersion } = useSafeVersions(safeAddress)
const needsUpdate = useUpdateChecker(currentVersion, lastVersion)
const featuresEnabled = useFeaturesEnabled(currentVersion)
const [willUpgrade, setWillUpgrade] = React.useState(false)
const upgradeSafe = () => {
setWillUpgrade(true)
}
const closeUpgrade = () => {
setWillUpgrade(false)
}
return (
<SafeVersionContext.Provider value={{ currentVersion, featuresEnabled, lastVersion, needsUpdate, upgradeSafe }}>
<>
{children}
<Modal description="Update Safe" handleClose={closeUpgrade} open={willUpgrade} title="Update Safe">
<UpdateSafeModal onClose={closeUpgrade} safeAddress={safeAddress} />
</Modal>
</>
</SafeVersionContext.Provider>
)
}
function useSafeVersions(safeAddress: string) {
const [versions, setVersions] = React.useState({ currentVersion: '', lastVersion: '' })
React.useEffect(() => {
let isCurrent = true
async function getVersions() {
const [currentSafeInstance, lastSafeVersion] = await Promise.all([
getGnosisSafeInstanceAt(safeAddress),
getCurrentMasterContractLastVersion(),
])
const version = await currentSafeInstance.VERSION()
setVersions({ currentVersion: version, lastVersion: lastSafeVersion })
}
if (isCurrent) {
getVersions().catch(console.error)
}
return () => {
isCurrent = false
}
}, [safeAddress])
return versions
}
function useUpdateChecker(currentVersion, lastSafeVersion) {
const [needsUpdate, setNeedsUpdate] = React.useState(false)
React.useEffect(() => {
let isCurrent = true
async function checkIfNeedsUpdate() {
const current = semverValid(currentVersion)
const latest = semverValid(lastSafeVersion)
const needsUpdate = latest ? semverLessThan(current, latest) : false
setNeedsUpdate(needsUpdate)
}
if (isCurrent) {
checkIfNeedsUpdate()
}
return () => {
isCurrent = false
}
}, [currentVersion])
return needsUpdate
}
function useFeaturesEnabled(currentVersion) {
const [featuresEnabled, setFeaturesEnabled] = React.useState([])
React.useEffect(() => {
const features = [
{ name: 'ERC721', validVersion: '>=1.1.1' },
{ name: 'ERC1155', validVersion: '>=1.1.1' },
]
const enabledFeatures = features.reduce((acc, feature) => {
if (satisfies(currentVersion, feature.validVersion)) {
acc.push(feature.name)
}
return acc
}, [])
setFeaturesEnabled(enabledFeatures)
}, [currentVersion])
return featuresEnabled
}
export default SafeVersionProvider

3
src/components/layout/PageFrame/index.jsx
View File

@ -14,7 +14,6 @@ import CookiesBanner from '~/components/CookiesBanner'
import Footer from '~/components/Footer' import Footer from '~/components/Footer'
import Header from '~/components/Header' import Header from '~/components/Header'
import Notifier from '~/components/Notifier' import Notifier from '~/components/Notifier'
import SafeVersionProvider from '~/components/SafeVersionProvider'
import SidebarProvider from '~/components/Sidebar' import SidebarProvider from '~/components/Sidebar'
import Backdrop from '~/components/layout/Backdrop' import Backdrop from '~/components/layout/Backdrop'
import Img from '~/components/layout/Img' import Img from '~/components/layout/Img'
@ -68,13 +67,11 @@ const PageFrame = ({ children, classes, currentNetwork }: Props) => {
maxSnack={5} maxSnack={5}
> >
<Notifier /> <Notifier />
<SafeVersionProvider>
<SidebarProvider> <SidebarProvider>
<Header /> <Header />
{children} {children}
<Footer /> <Footer />
</SidebarProvider> </SidebarProvider>
</SafeVersionProvider>
</SnackbarProvider> </SnackbarProvider>
<CookiesBanner /> <CookiesBanner />
</div> </div>