// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of KristWeb 2 under GPL-3.0.
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
import React from "react";
import { FrownOutlined, ExclamationCircleOutlined, QuestionCircleOutlined } from "@ant-design/icons";

import { useTranslation } from "react-i18next";

import { SmallResult } from "../../components/SmallResult";
import { APIError } from "../../krist/api";

interface Props {
  error: Error;
}

export function BlockResult({ error }: Props): JSX.Element {
  const { t } = useTranslation();

  // Handle the most commonly expected errors from the API
  if (error instanceof APIError) {
    // Invalid block height
    if (error.message === "invalid_parameter") {
      return <SmallResult
        status="error"
        icon={<ExclamationCircleOutlined />}
        title={t("block.resultInvalidTitle")}
        subTitle={t("block.resultInvalid")}
        fullPage
      />;
    }

    // Block not found
    if (error.message === "block_not_found") {
      return <SmallResult
        status="error"
        icon={<FrownOutlined />}
        title={t("block.resultNotFoundTitle")}
        subTitle={t("block.resultNotFound")}
        fullPage
      />;
    }
  }

  // Unknown error
  return <SmallResult
    status="error"
    icon={<QuestionCircleOutlined />}
    title={t("block.resultUnknownTitle")}
    subTitle={t("block.resultUnknown")}
    fullPage
  />;
}