e46f4f01b2
* Wallet flow * Prepopulate fields of complementary protocol * Remove TODO about one mutation for save We need to save protocols in separate mutations so we can use the wallet id returned by the first protocol save for the following protocol saves and save them all to the same wallet. * Fix badges not updated on wallet delete * Fix useProtocol call * Fix lightning address save via prompt * Don't pass share as attribute to DOM * Fix useCallback dependency * Progress numbers as SVGs * Fix progress line margins * Remove unused saveWallet arguments * Update cache with settings response * Fix line does not connect with number 1 * Don't reuse page nav arrows in form nav * Fix missing SVG hover style * Fix missing space in wallet save log message * Reuse CSS from nav.module.css * align buttons and their icons/text * center form progress line * increase top padding of form on smaller screens * provide margin above button bar on settings form --------- Co-authored-by: k00b <k00b@stacker.news>
21 lines
702 B
JavaScript
21 lines
702 B
JavaScript
import classNames from 'classnames'
|
|
import { Button } from 'react-bootstrap'
|
|
import ArrowLeft from '@/svgs/arrow-left-s-fill.svg'
|
|
|
|
import { usePrev, useNext } from '@/components/multi-step-form'
|
|
|
|
export function BackButton ({ className }) {
|
|
const prev = usePrev()
|
|
return (
|
|
<Button className={classNames('me-3 text-muted nav-link fw-bold d-flex align-items-center', className)} variant='link' onClick={prev}>
|
|
<ArrowLeft width={24} height={24} />
|
|
back
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export function SkipButton ({ className }) {
|
|
const next = useNext()
|
|
return <Button className={classNames('ms-auto me-3 text-muted nav-link fw-bold', className)} variant='link' onClick={next}>skip</Button>
|
|
}
|