// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of TenebraWeb 2 under AGPL-3.0.
// Full details: https://github.com/tmpim/TenebraWeb2/blob/master/LICENSE.txt
import { useState } from "react";
import { Button, Space } from "antd";
import { PageLayout } from "@layout/PageLayout";

import { useWallets, deleteWallet } from "@wallets";

import Debug from "debug";
const debug = Debug("tenebraweb:dev-page");

export function DevPage(): JSX.Element {
  const { wallets } = useWallets();

  const [forceError, setForceError] = useState(false);
  if (forceError) throw new Error("Whoops!");

  return <PageLayout
    title="Dev page"
    siteTitle="Dev page"
  >
    <Space wrap>
      {/* Delete all wallets with zero balance */}
      <Button danger onClick={() => {
        const toDelete = Object.values(wallets)
          .filter(w => !w.balance || w.balance === 0);

        debug("deleting wallets with zero balance: ", toDelete);
        toDelete.forEach(deleteWallet);
      }}>
        Delete all wallets with zero balance
      </Button>

      {/* Delete all wallets */}
      <Button danger onClick={() => Object.values(wallets).forEach(deleteWallet)}>
        Delete all wallets
      </Button>

      {/* Clear local storage */}
      <Button danger onClick={() => { localStorage.clear(); location.reload(); }}>
        Clear local storage
      </Button>

      {/* Cause an error */}
      <Button danger onClick={() => setForceError(true)}>
        Cause an error
      </Button>
    </Space>
  </PageLayout>;
}