src/routes/Result/Error.js

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import React, { Fragment } from "react";
import { Button, Icon, Card } from "antd";
import Result from "components/Result";
import PageHeaderLayout from "../../layouts/PageHeaderLayout";

const extra = (
  <>
    <div
      style={{
        fontSize: 16,
        color: "rgba(0, 0, 0, 0.85)",
        fontWeight: "500",
        marginBottom: 16,
      }}
    >
      您提交的内容有如下错误：
    </div>
    <div style={{ marginBottom: 16 }}>
      <Icon
        style={{ color: "#f5222d", marginRight: 8 }}
        type="close-circle-o"
      />
      您的账户已被冻结
      <a style={{ marginLeft: 16 }}>
        立即解冻 <Icon type="right" />
      </a>
    </div>
    <div>
      <Icon
        style={{ color: "#f5222d", marginRight: 8 }}
        type="close-circle-o"
      />
      您的账户还不具备申请资格
      <a style={{ marginLeft: 16 }}>
        立即升级 <Icon type="right" />
      </a>
    </div>
  </>
);

const actions = <Button type="primary">返回修改</Button>;

export default () => (
  <PageHeaderLayout>
    <Card bordered={false}>
      <Result
        type="error"
        title="提交失败"
        description="请核对并修改以下信息后，再重新提交。"
        extra={extra}
        actions={actions}
        style={{ marginTop: 48, marginBottom: 16 }}
      />
    </Card>
  </PageHeaderLayout>
);