import React, { useState } from 'react';
import { Just, Nothing } from 'folktale/maybe';
import * as need from 'lib/need';

import { usePointCursor } from 'store/pointCursor';

import View from 'components/View';
import { DownloadButton } from 'components/Buttons';
import PaperRenderer from 'components/PaperRenderer';

import { downloadWallet } from 'lib/invite';

import { useWallet } from 'store/wallet';

export default function Redownload() {
  const { urbitWallet } = useWallet();
  const { pointCursor } = usePointCursor();
  const point = need.point(pointCursor);

  const [paper, setPaper] = useState(Nothing());

  const doDownload = () => {
    downloadWallet(paper.value);
  };

  const paperRenderer = paper.matchWith({
    Nothing: () => null,
    Just: p => (
      <PaperRenderer
        point={point}
        wallet={urbitWallet.value}
        callback={paper => {
          setPaper(Just(paper));
        }}
      />
    ),
  });

  return (
    <View>
      <DownloadButton
        disabled={Nothing.hasInstance(paper)}
        onClick={doDownload}>
        {paper.matchWith({
          Nothing: () => 'Printing and folding...',
          Just: _ => 'Download paper wallet',
        })}
      </DownloadButton>
      {paperRenderer}
    </View>
  );
}