diff --git a/src/pages/stamps/CreatePostageStampModal.tsx b/src/pages/stamps/CreatePostageStampModal.tsx index 585a366..fd2db13 100644 --- a/src/pages/stamps/CreatePostageStampModal.tsx +++ b/src/pages/stamps/CreatePostageStampModal.tsx @@ -1,18 +1,18 @@ -import React, { ReactElement, useContext } from 'react' import Button from '@material-ui/core/Button' +import CircularProgress from '@material-ui/core/CircularProgress' import Dialog from '@material-ui/core/Dialog' import DialogActions from '@material-ui/core/DialogActions' import DialogContent from '@material-ui/core/DialogContent' import DialogContentText from '@material-ui/core/DialogContentText' -import CircularProgress from '@material-ui/core/CircularProgress' import DialogTitle from '@material-ui/core/DialogTitle' +import { createStyles, makeStyles, Theme } from '@material-ui/core/styles' import BigNumber from 'bignumber.js' -import { FormikHelpers, Form, Field, Formik } from 'formik' +import { Field, Form, Formik, FormikHelpers } from 'formik' import { TextField } from 'formik-material-ui' +import { useSnackbar } from 'notistack' +import React, { ReactElement, useContext } from 'react' import { Context as SettingsContext } from '../../providers/Settings' import { Context } from '../../providers/Stamps' -import { makeStyles, Theme, createStyles } from '@material-ui/core/styles' -import { useSnackbar } from 'notistack' interface FormValues { depth?: string @@ -54,7 +54,7 @@ export default function FormDialog({ label }: Props): ReactElement { const classes = useStyles() const [open, setOpen] = React.useState(false) const { refresh } = useContext(Context) - const { beeApi } = useContext(SettingsContext) + const { beeDebugApi } = useContext(SettingsContext) const handleClickOpen = () => setOpen(true) const handleClose = () => setOpen(false) const { enqueueSnackbar } = useSnackbar() @@ -67,12 +67,12 @@ export default function FormDialog({ label }: Props): ReactElement { // This is really just a typeguard, the validation pretty much guarantees these will have the right values if (!values.depth || !values.amount) return - if (!beeApi) return + if (!beeDebugApi) return const amount = BigInt(values.amount) const depth = Number.parseInt(values.depth) const options = values.label ? { label: values.label } : undefined - await beeApi.createPostageBatch(amount.toString(), depth, options) + await beeDebugApi.createPostageBatch(amount.toString(), depth, options) actions.resetForm() await refresh() handleClose() diff --git a/src/providers/Stamps.tsx b/src/providers/Stamps.tsx index a7284c8..f0d3bd2 100644 --- a/src/providers/Stamps.tsx +++ b/src/providers/Stamps.tsx @@ -1,5 +1,5 @@ import { PostageBatch } from '@ethersphere/bee-js' -import { createContext, ReactChild, ReactElement, useEffect, useState, useContext } from 'react' +import { createContext, ReactChild, ReactElement, useContext, useEffect, useState } from 'react' import { Context as SettingsContext } from './Settings' export interface EnrichedPostageBatch extends PostageBatch { @@ -48,7 +48,7 @@ function enrichStamp(postageBatch: PostageBatch): EnrichedPostageBatch { } export function Provider({ children }: Props): ReactElement { - const { beeApi } = useContext(SettingsContext) + const { beeDebugApi } = useContext(SettingsContext) const [stamps, setStamps] = useState(initialValues.stamps) const [error, setError] = useState(initialValues.error) const [isLoading, setIsLoading] = useState(initialValues.isLoading) @@ -59,11 +59,11 @@ export function Provider({ children }: Props): ReactElement { // Don't want to refresh when already refreshing if (isLoading) return - if (!beeApi) return + if (!beeDebugApi) return try { setIsLoading(true) - const stamps = await beeApi.getAllPostageBatch() + const stamps = await beeDebugApi.getAllPostageBatch() setStamps(stamps.map(enrichStamp)) setLastUpdate(Date.now())