mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-02 22:24:27 +01:00
c5368c152b
* added storybook test runner * added test runner in ci * updated test for ci and fixed lint error * updated lavamoat policy * updated test command * updated playwright * changed command to storybook;ci * updated command * updated instance for test-storybook * updated playwright * added playwright step * replaced concurrently with start-server-and-test * updated the static storybook directory * replaced first with last * updated lock file * replaced first with last * updated test-storybook with maxworkers * updated .depchechrc * updated yml * removed id from banner base * replaced broken stories with .stories-to-do.js extesnsion * updated token allowance story * removed duplicacies from yarn * fixed lavamoat * removed filename comment * updated links for docs * fixed file extension for stories * updated path for stories.json * updated stories.json path * yarn updated * updated stories * updated yarn * updated wait on
78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
/* eslint-disable react/prop-types */
|
|
import React, { useEffect } from 'react';
|
|
import { text } from '@storybook/addon-knobs';
|
|
import { useParams } from 'react-router-dom';
|
|
import { useSelector } from 'react-redux';
|
|
import { updateMetamaskState } from '../../store/actions';
|
|
import { currentNetworkTxListSelector } from '../../selectors/transactions';
|
|
import { store, getNewState } from '../../../.storybook/preview';
|
|
|
|
import { subjectMetadata } from '../../../.storybook/initial-states/approval-screens/token-approval';
|
|
import ConfirmApprove from '.';
|
|
|
|
// eslint-disable-next-line import/no-anonymous-default-export
|
|
export default {
|
|
title: 'Pages/ConfirmApprove',
|
|
};
|
|
|
|
// transaction ID, maps to entry in state.metamask.currentNetworkTxList
|
|
const txId = 7900715443136469;
|
|
|
|
const PageSet = ({ children }) => {
|
|
const origin = text('Origin', 'https://metamask.github.io');
|
|
const subjectIconUrl = text(
|
|
'Icon URL',
|
|
'https://metamask.github.io/test-dapp/metamask-fox.svg',
|
|
);
|
|
const state = store.getState();
|
|
const currentNetworkTxList = useSelector(currentNetworkTxListSelector);
|
|
const transaction = currentNetworkTxList.find(({ id }) => id === txId);
|
|
|
|
useEffect(() => {
|
|
transaction.origin = origin;
|
|
store.dispatch(
|
|
updateMetamaskState(
|
|
getNewState(state.metamask, {
|
|
currentNetworkTxList: [transaction],
|
|
}),
|
|
),
|
|
);
|
|
}, [origin, transaction, state.metamask]);
|
|
|
|
useEffect(() => {
|
|
store.dispatch(
|
|
updateMetamaskState(
|
|
getNewState(state.metamask, {
|
|
subjectMetadata: {
|
|
[origin]: {
|
|
iconUrl: subjectIconUrl,
|
|
},
|
|
},
|
|
}),
|
|
),
|
|
);
|
|
}, [subjectIconUrl, origin, state.metamask]);
|
|
|
|
const params = useParams();
|
|
params.id = txId;
|
|
return children;
|
|
};
|
|
|
|
export const DefaultStory = () => {
|
|
const state = store.getState();
|
|
store.dispatch(
|
|
updateMetamaskState(
|
|
getNewState(state.metamask, {
|
|
subjectMetadata,
|
|
}),
|
|
),
|
|
);
|
|
return (
|
|
<PageSet>
|
|
<ConfirmApprove />
|
|
</PageSet>
|
|
);
|
|
};
|
|
|
|
DefaultStory.storyName = 'Default';
|