go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/analysis/frontend/ui/src/components/error_alert/error_alert.tsx (about)

     1  // Copyright 2022 The LUCI Authors.
     2  //
     3  // Licensed under the Apache License, Version 2.0 (the "License");
     4  // you may not use this file except in compliance with the License.
     5  // You may obtain a copy of the License at
     6  //
     7  //      http://www.apache.org/licenses/LICENSE-2.0
     8  //
     9  // Unless required by applicable law or agreed to in writing, software
    10  // distributed under the License is distributed on an "AS IS" BASIS,
    11  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12  // See the License for the specific language governing permissions and
    13  // limitations under the License.
    14  
    15  import Close from '@mui/icons-material/Close';
    16  import Alert from '@mui/material/Alert';
    17  import AlertTitle from '@mui/material/AlertTitle';
    18  import Collapse from '@mui/material/Collapse';
    19  import IconButton from '@mui/material/IconButton';
    20  
    21  interface Props {
    22      errorTitle: string;
    23      errorText: string;
    24      showError: boolean;
    25      onErrorClose?: () => void;
    26  }
    27  
    28  const ErrorAlert = ({
    29    errorTitle,
    30    errorText,
    31    showError,
    32    onErrorClose,
    33  }: Props) => (
    34    <Collapse in={showError}>
    35      <Alert
    36        severity="error"
    37        action={<IconButton
    38          aria-label="close"
    39          color="inherit"
    40          size="small"
    41          onClick={onErrorClose}>
    42          <Close fontSize="inherit" />
    43        </IconButton>}
    44        sx={{ mb: 2 }}>
    45        <AlertTitle>{errorTitle}</AlertTitle>
    46        {errorText}
    47      </Alert>
    48    </Collapse>
    49  );
    50  
    51  export default ErrorAlert;