metamask-extension/ui/components/app/signature-request/signature-request.stories.js

import React from 'react';
import testData from '../../../../.storybook/test-data';
import SignatureRequest from './signature-request.component';

const primaryIdentity = Object.values(testData.metamask.identities)[0];

const containerStyle = {
  width: '357px',
};

export default {
  title: 'Signature Request',
  id: __filename,
};

export const FirstLook = () => {
  return (
    <div style={containerStyle}>
      <SignatureRequest
        txData={{
          msgParams: {
            data: JSON.stringify({
              domain: {
                name: 'happydapp.website',
              },
              message: {
                string: 'haay wuurl',
                number: 42,
              },
            }),
            origin: 'https://happydapp.website/governance?futarchy=true',
          },
        }}
        fromAccount={primaryIdentity}
      />
    </div>
  );
};