github.com/minio/console@v1.4.1/web-app/src/screens/Console/Buckets/ListBuckets/AddBucket/InvalidRule.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 { ConfirmDeleteIcon, Grid } from "mds"; 19 20 interface IInvalidRule { 21 ruleText: string; 22 } 23 24 const InvalidRule = ({ ruleText }: IInvalidRule) => { 25 return ( 26 <Fragment> 27 <Grid 28 container 29 sx={{ 30 color: "#C83B51", 31 display: "flex", 32 justifyContent: "flex-start", 33 }} 34 > 35 <Grid item xs={1} sx={{ paddingRight: 1 }}> 36 <ConfirmDeleteIcon width={"16px"} height={"16px"} /> 37 </Grid> 38 <Grid 39 item 40 xs={9} 41 sx={{ 42 color: "#C83B51", 43 display: "flex", 44 justifyContent: "flex-start", 45 paddingLeft: 1, 46 }} 47 > 48 {ruleText} 49 </Grid> 50 </Grid> 51 </Fragment> 52 ); 53 }; 54 55 export default InvalidRule;