kylefang/wallet
1
0
Fork 0
mirror of https://github.com/zhigang1992/wallet.git synced 2026-01-12 22:53:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: inscription sends, closes #4111

Browse Source
This commit is contained in:
kyranjamie
2023-08-09 10:51:43 +02:00
committed by kyranjamie
parent daa6a54a4c
commit b2f06903e6
3 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/pages/send/ordinal-inscription/components/send-inscription-container.tsx
View File

@@ -6,11 +6,14 @@ import get from 'lodash.get';
import { AverageBitcoinFeeRates, BtcFeeType } from '@shared/models/fees/bitcoin-fees.model';
import { SupportedInscription } from '@shared/models/inscription.model';
import { useOnMount } from '@app/common/hooks/use-on-mount';
import { TaprootUtxo } from '@app/query/bitcoin/ordinals/use-taproot-address-utxos.query';
import { useSendInscriptionRouteState } from '../hooks/use-send-inscription-route-state';
import { createUtxoFromInscription } from './create-utxo-from-inscription';
import { SendInscriptionLoader } from './send-inscription-loader';
export interface SendInscriptionContextState {
interface SendInscriptionContextState {
feeRates: AverageBitcoinFeeRates;
inscription: SupportedInscription;
selectedFeeType: BtcFeeType;
@@ -25,10 +28,22 @@ export function useSendInscriptionState() {
export function SendInscriptionContainer() {
const [selectedFeeType, setSelectedFeeType] = useState<BtcFeeType | null>(null);
const [inscription, setInscription] = useState<SupportedInscription | null>(null);
const [utxo, setUtxo] = useState<TaprootUtxo | null>(null);
const routeState = useSendInscriptionRouteState();
useOnMount(() => {
if (!routeState.inscription) return;
setInscription(routeState.inscription);
setUtxo(createUtxoFromInscription(routeState.inscription));
});
if (!inscription || !utxo) return null;
return (
<SendInscriptionLoader>
{({ feeRates, inscription, utxo }) => (
{({ feeRates }) => (
<Outlet context={{ feeRates, inscription, selectedFeeType, setSelectedFeeType, utxo }} />
)}
</SendInscriptionLoader>

19
src/app/pages/send/ordinal-inscription/components/send-inscription-loader.tsx
View File

@@ -1,25 +1,12 @@
import { Navigate } from 'react-router-dom';
import { RouteUrls } from '@shared/route-urls';
import { AverageBitcoinFeeRates } from '@shared/models/fees/bitcoin-fees.model';
import { useAverageBitcoinFeeRates } from '@app/query/bitcoin/fees/fee-estimates.hooks';
import { useSendInscriptionRouteState } from '../hooks/use-send-inscription-route-state';
import { createUtxoFromInscription } from './create-utxo-from-inscription';
import { SendInscriptionContextState } from './send-inscription-container';
interface SendInscriptionLoaderProps {
children(data: Partial<SendInscriptionContextState>): React.JSX.Element;
children(data: { feeRates: AverageBitcoinFeeRates }): React.JSX.Element;
}
export function SendInscriptionLoader({ children }: SendInscriptionLoaderProps) {
const { inscription } = useSendInscriptionRouteState();
const { data: feeRates } = useAverageBitcoinFeeRates();
if (!feeRates) return null;
if (!inscription) return <Navigate to={RouteUrls.Home} />;
const utxo = createUtxoFromInscription(inscription);
return children({ inscription, feeRates, utxo });
return children({ feeRates });
}

3
src/app/pages/send/ordinal-inscription/hooks/use-send-inscription-route-state.ts
View File

@@ -4,12 +4,9 @@ import get from 'lodash.get';
import { SupportedInscription } from '@shared/models/inscription.model';
import { TaprootUtxo } from '@app/query/bitcoin/ordinals/use-taproot-address-utxos.query';
export function useSendInscriptionRouteState() {
const location = useLocation();
return {
inscription: get(location.state, 'inscription', null) as SupportedInscription | null,
utxo: get(location.state, 'utxo', null) as TaprootUtxo | null,
};
}