github.com/minio/console@v1.4.1/web-app/src/common/LoadingComponent.tsx (about) 1 // This file is part of MinIO Console Server 2 // Copyright (c) 2021 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 from "react"; 18 import { Loader, Grid } from "mds"; 19 20 const LoadingComponent = () => { 21 return ( 22 <Grid 23 container 24 sx={{ 25 height: "100vh", 26 display: "flex", 27 flexDirection: "column", 28 alignItems: "center", 29 justifyContent: "center", 30 }} 31 > 32 <Grid 33 item 34 xs={3} 35 sx={{ display: "flex", justifyContent: "center", alignItems: "center" }} 36 > 37 <Loader style={{ width: 35, height: 35 }} /> 38 </Grid> 39 </Grid> 40 ); 41 }; 42 43 export default LoadingComponent;