github.com/minio/console@v1.4.1/web-app/src/screens/Console/Support/RegisterHelpBox.tsx (about)

     1  // This file is part of MinIO Console Server
     2  // Copyright (c) 2022 MinIO, Inc.
     3  //
     4  // This program is free software: you can redistribute it and/or modify
     5  // it under the terms of the GNU Affero General Public License as published by
     6  // the Free Software Foundation, either version 3 of the License, or
     7  // (at your option) any later version.
     8  //
     9  // This program is distributed in the hope that it will be useful,
    10  // but WITHOUT ANY WARRANTY; without even the implied warranty of
    11  // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    12  // GNU Affero General Public License for more details.
    13  //
    14  // You should have received a copy of the GNU Affero General Public License
    15  // along with this program.  If not, see <http://www.gnu.org/licenses/>.
    16  
    17  import React, { Fragment } from "react";
    18  import {
    19    CallHomeFeatureIcon,
    20    DiagnosticsFeatureIcon,
    21    ExtraFeaturesIcon,
    22    HelpIconFilled,
    23    PerformanceFeatureIcon,
    24    Box,
    25    HelpBox,
    26  } from "mds";
    27  
    28  const FeatureItem = ({
    29    icon,
    30    description,
    31  }: {
    32    icon: any;
    33    description: string | React.ReactNode;
    34  }) => {
    35    return (
    36      <Box
    37        sx={{
    38          display: "flex",
    39          "& .min-icon": {
    40            marginRight: "10px",
    41            height: "23px",
    42            width: "23px",
    43            marginBottom: "10px",
    44          },
    45        }}
    46      >
    47        {icon}{" "}
    48        <Box className="muted" style={{ fontSize: "14px", fontStyle: "italic" }}>
    49          {description}
    50        </Box>
    51      </Box>
    52    );
    53  };
    54  const RegisterHelpBox = () => {
    55    return (
    56      <HelpBox
    57        title={"Why should I register?"}
    58        iconComponent={<HelpIconFilled />}
    59        help={
    60          <Fragment>
    61            <Box sx={{ fontSize: "14px", marginBottom: "15px" }}>
    62              Registering this cluster with the MinIO Subscription Network
    63              (SUBNET) provides the following benefits in addition to the
    64              commercial license and SLA backed support.
    65            </Box>
    66  
    67            <Box
    68              sx={{
    69                display: "flex",
    70                flexFlow: "column",
    71              }}
    72            >
    73              <FeatureItem
    74                icon={<CallHomeFeatureIcon />}
    75                description={`Call Home Monitoring`}
    76              />
    77              <FeatureItem
    78                icon={<DiagnosticsFeatureIcon />}
    79                description={`Health Diagnostics`}
    80              />
    81              <FeatureItem
    82                icon={<PerformanceFeatureIcon />}
    83                description={`Performance Analysis`}
    84              />
    85              <FeatureItem
    86                icon={<ExtraFeaturesIcon />}
    87                description={
    88                  <a href="https://min.io/signup?ref=con" target="_blank">
    89                    More Features
    90                  </a>
    91                }
    92              />
    93            </Box>
    94          </Fragment>
    95        }
    96      />
    97    );
    98  };
    99  
   100  export default RegisterHelpBox;