go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/web/rpcexplorer/src/components/error_alert.tsx (about) 1 // Copyright 2023 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 Alert from '@mui/material/Alert'; 16 import AlertTitle from '@mui/material/AlertTitle'; 17 18 import { RPCError, StatusCode } from '../data/prpc'; 19 20 export interface Props { 21 title?: string; 22 error: Error; 23 } 24 25 export const ErrorAlert = ({ title, error }: Props) => { 26 let code = ''; 27 let http = 0; 28 let text = ''; 29 if (error instanceof RPCError) { 30 code = StatusCode[error.code]; 31 http = error.http; 32 text = error.text || 'Unknown error'; 33 } else { 34 text = error.message || 'Unknown error'; 35 } 36 return ( 37 <Alert severity='error'> 38 {title && <AlertTitle>{title}</AlertTitle>} 39 {code && <><b>{code}</b> (HTTP status {http}): </>} 40 {text} 41 </Alert> 42 ); 43 }; 44 45 46 export default ErrorAlert;