zcash-grant-system/frontend/stories/props.tsx

import {
  Contributor,
  Milestone,
  MILESTONE_STATE,
  ProposalWithCrowdFund,
  ProposalMilestone,
} from 'types';
import { PROPOSAL_CATEGORY } from 'api/constants';
import {
  fundCrowdFund,
  requestMilestonePayout,
  payMilestonePayout,
  voteMilestonePayout,
} from 'modules/web3/actions';
import Web3 from 'web3';
import BN from 'bn.js';

const oneEth = new BN('1000000000000000000');

export function getGovernanceMilestonesProps({
  isContributor = true,
}: {
  isContributor?: boolean;
}) {
  return {
    accounts: [
      isContributor
        ? '0xAAA91bde2303f2f43325b2108d26f1eaba1e32b'
        : '0x0c7C6178AD0618Bf289eFd5E1Ff9Ada25fC3bDE7',
    ],
    isMilestoneActionPending: false,
    milestoneActionError: '',
    requestMilestonePayout,
    payMilestonePayout,
    voteMilestonePayout,
  };
}

export function getProposalWithCrowdFund({
  amount = 10,
  funded = 5,
  created = Date.now(),
  deadline = Date.now() + 1000 * 60 * 60 * 10,
  milestoneOverrides = [],
  contributorOverrides = [],
  milestoneCount = 3,
}: {
  amount?: number;
  funded?: number;
  created?: number;
  deadline?: number;
  milestoneOverrides?: Array<Partial<Milestone>>;
  contributorOverrides?: Array<Partial<Contributor>>;
  milestoneCount?: number;
}) {
  const amountBn = oneEth.mul(new BN(amount));
  const fundedBn = oneEth.mul(new BN(funded));

  let contributors = [
    {
      address: '0xAAA91bde2303f2f43325b2108d26f1eaba1e32b',
      contributionAmount: new BN(0),
      refundVote: false,
      refunded: false,
      proportionalContribution: '',
      milestoneNoVotes: [false],
    },
    {
      address: '0xBBB491bde2303f2f43325b2108d26f1eaba1e32b',
      contributionAmount: new BN(0),
      refundVote: false,
      refunded: false,
      proportionalContribution: '',
      milestoneNoVotes: [false],
    },
    {
      address: '0xCCC491bde2303f2f43325b2108d26f1eaba1e32b',
      contributionAmount: new BN(0),
      refundVote: false,
      refunded: false,
      proportionalContribution: '',
      milestoneNoVotes: [false],
    },
    {
      address: '0xDDD491bde2303f2f43325b2108d26f1eaba1e32b',
      contributionAmount: new BN(0),
      refundVote: false,
      refunded: false,
      proportionalContribution: '',
      milestoneNoVotes: [false],
    },
  ];

  const eachContributorAmount = fundedBn.div(new BN(contributors.length));
  contributors.forEach(c => (c.contributionAmount = eachContributorAmount));
  contributorOverrides.forEach((co, idx) => {
    Object.assign(contributors[idx], co);
  });

  if (funded === 0) {
    contributors = [];
  }

  const genMilestoneTitle = () => {
    const ts = ['40chr ', 'Really ', 'Really ', 'Long ', 'Milestone Title'];
    const rand = Math.floor(Math.random() * Math.floor(ts.length));
    return ts.slice(rand).join('');
  };

  const genMilestone = (overrides: Partial<ProposalMilestone> = {}) => {
    const now = new Date();
    if (overrides.index) {
      const estimate = new Date(now.setMonth(now.getMonth() + overrides.index));
      overrides.dateEstimated = estimate.toISOString();
    }

    return Object.assign(
      {
        title: 'Milestone A',
        body: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
             tempor incididunt ut labore et dolore magna aliqua.`,
        content: '',
        dateEstimated: '2018-10-01T00:00:00+00:00',
        immediatePayout: true,
        index: 0,
        state: MILESTONE_STATE.WAITING,
        amount: amountBn,
        amountAgainstPayout: new BN(0),
        percentAgainstPayout: 0,
        payoutRequestVoteDeadline: 0,
        isPaid: false,
        isImmediatePayout: true,
        payoutPercent: '33',
        stage: 'NOT_REQUESTED',
      },
      overrides,
    );
  };

  const milestones = [...Array(milestoneCount).keys()].map(i => {
    const overrides = {
      index: i,
      title: genMilestoneTitle(),
      immediatePayout: i === 0,
      isImmediatePayout: i === 0,
      payoutRequestVoteDeadline: i !== 0 ? Date.now() + 3600000 : 0,
      payoutPercent: '' + (1 / milestoneCount) * 100,
    };
    return genMilestone(overrides);
  });

  const eachMilestoneAmount = amountBn.div(new BN(milestones.length));
  milestones.forEach(ms => (ms.amount = eachMilestoneAmount));
  milestoneOverrides.forEach((mso, idx) => {
    Object.assign(milestones[idx], mso);
  });

  const proposal: ProposalWithCrowdFund = {
    proposalId: 12345,
    proposalUrlId: '12345-crowdfund-title',
    proposalAddress: '0x033fDc6C01DC2385118C7bAAB88093e22B8F0710',
    dateCreated: created / 1000,
    title: 'Crowdfund Title',
    content: 'body',
    stage: 'FUNDING_REQUIRED',
    category: PROPOSAL_CATEGORY.COMMUNITY,
    team: [
      {
        name: 'Test Proposer',
        title: '',
        ethAddress: '0x0c7C6178AD0618Bf289eFd5E1Ff9Ada25fC3bDE7',
        emailAddress: '',
        avatarUrl: '',
        socialAccounts: {},
      },
      {
        name: 'Test Proposer',
        title: '',
        ethAddress: '0x4bbeEB066eD09B7AEd07bF39EEe0460DFa261520',
        emailAddress: '',
        avatarUrl: '',
        socialAccounts: {},
      },
      {
        name: 'Test Proposer',
        title: '',
        ethAddress: '0x529104532a9779ea9eae0c1e325b3368e0f8add4',
        emailAddress: '',
        avatarUrl: '',
        socialAccounts: {},
      },
    ],
    milestones,
    crowdFund: {
      beneficiary: '0x0c7C6178AD0618Bf289eFd5E1Ff9Ada25fC3bDE7',
      trustees: [
        '0x0c7C6178AD0618Bf289eFd5E1Ff9Ada25fC3bDE7',
        '0x4bbeEB066eD09B7AEd07bF39EEe0460DFa261520',
        '0x529104532a9779ea9eae0c1e325b3368e0f8add4',
      ],
      contributors,
      milestones,
      deadline,
      milestoneVotingPeriod: 3600000,
      isFrozen: false,
      isRaiseGoalReached: amount <= funded,
      immediateFirstMilestonePayout: true,
      balance: new BN(0),
      funded: fundedBn,
      percentFunded: (funded / amount) * 100,
      target: amountBn,
      amountVotingForRefund: new BN(0),
      percentVotingForRefund: 0,
    },
    crowdFundContract: {},
  };

  const props = {
    sendLoading: false,
    fundCrowdFund,
    web3: new Web3(),
    proposal,
    ...proposal, // yeah...
  };

  return props;
}