1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/pages/permissions-connect/snaps/snap-install/snap-install.stories.js
Frederik Bolding 789779f4d5
[FLASK] Rework Snaps headers and footers (#19442)
* Add new snap header and footer to snap install

* Add new snap header and footer to snap result and snap update

* Fix loading state

* Fix lint

* Add required scrolling

* Adjust avatar component

* Apply new headers and footers to snaps confirmations

* Rename previous SnapAuthorship component to SnapAuthorshipExpanded

* Fix lint

* Fix font weight

* Fix fencing

* Fix a test

* Fix lint after rebase

* Fix E2E

* Fix locale lint

* Fix another E2E

* Fix test ID

* Address PR comments

* Better scroll button centering

* Address design comments

* Fix unit test

* Fix E2Es
2023-06-07 15:18:49 +02:00

123 lines
2.3 KiB
JavaScript

import React from 'react';
import { Provider } from 'react-redux';
import configureStore from '../../../../store/store';
import mockState from '../../../../../test/data/mock-state.json';
import SnapInstall from '.';
const store = configureStore(mockState);
export default {
title: 'Pages/Snaps/SnapInstall',
component: SnapInstall,
argTypes: {},
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
};
export const DefaultStory = (args) => <SnapInstall {...args} />;
DefaultStory.storyName = 'Default';
DefaultStory.args = {
request: {
metadata: {
id: 'foo',
},
},
requestState: {
loading: false,
permissions: {
'endowment:rpc': {
caveats: [
{
type: 'rpcOrigin',
value: {
dapps: true,
},
},
],
},
snap_dialog: {},
snap_getBip44Entropy: {
caveats: [
{
type: 'permittedCoinTypes',
value: [
{
coinType: 1,
},
],
},
],
},
},
},
targetSubjectMetadata: {
origin: 'npm:@metamask/test-snap-bip44',
},
};
export const LoadingStory = (args) => <SnapInstall {...args} />;
LoadingStory.storyName = 'Loading';
LoadingStory.args = {
request: {
metadata: {
id: 'foo',
},
},
requestState: {
loading: true,
},
targetSubjectMetadata: {
origin: 'npm:@metamask/test-snap-bip44',
},
};
export const ScrollingStory = (args) => <SnapInstall {...args} />;
ScrollingStory.storyName = 'Scrolling';
ScrollingStory.args = {
request: {
metadata: {
id: 'foo',
},
},
requestState: {
loading: false,
permissions: {
'endowment:rpc': {
caveats: [
{
type: 'rpcOrigin',
value: {
dapps: true,
},
},
],
},
'endowment:network-access': {},
snap_notify: {},
snap_dialog: {},
snap_getBip44Entropy: {
caveats: [
{
type: 'permittedCoinTypes',
value: [
{
coinType: 1,
},
],
},
],
},
},
},
targetSubjectMetadata: {
origin: 'npm:@metamask/test-snap-bip44',
},
};