oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

Showing connect wallet button on submit page when no wallet is connected (#1329)

Browse Source 
* Showing connect wallet button on submit page when no wallet is connected

* Fixing connect button when form hasn't been filled out
This commit is contained in:
Jamie Hewitt 2022-04-08 15:05:06 +03:00 committed by GitHub
parent 4bd9dddf3b
commit 274d0d3809
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Publish/Actions/index.tsx
View File

@ -5,6 +5,7 @@ import { FormikContextType, useFormikContext } from 'formik'
import { FormPublishData } from '../_types'
import { wizardSteps } from '../_constants'
import SuccessConfetti from '@shared/SuccessConfetti'
import { useWeb3 } from '../../../@context/Web3'
export default function Actions({
scrollToRef,
@ -20,6 +21,14 @@ export default function Actions({
isSubmitting,
setFieldValue
}: FormikContextType<FormPublishData> = useFormikContext()
const { connect, accountId } = useWeb3()
async function handleActivation(e: FormEvent<HTMLButtonElement>) {
// prevent accidentially submitting a form the button might be in
e.preventDefault()
await connect()
}
function handleNext(e: FormEvent) {
e.preventDefault()
@ -65,13 +74,15 @@ export default function Actions({
>
Continue
</Button>
) : !accountId ? (
<Button type="submit" style="primary" onClick={handleActivation}>
Connect Wallet
</Button>
) : (
<Button
type="submit"
style="primary"
disabled={
values.user.accountId === '' || !isValid || isSubmitting
}
disabled={isSubmitting || !isValid}
>
Submit
</Button>