
* Add analysis tools * Use deep imports to reduce bundle size * Remove tslint config * Remove unused packages * Remove lodash-es references * Use root level mui imports * Remove mui from restricted imports
26 lines
572 B
TypeScript
26 lines
572 B
TypeScript
import { CircularProgress } from "@material-ui/core";
|
|
import { makeStyles } from "@saleor/theme";
|
|
import React from "react";
|
|
|
|
const useStyles = makeStyles(
|
|
{
|
|
root: {
|
|
alignItems: "center",
|
|
display: "flex",
|
|
height: "100vh",
|
|
justifyContent: "center"
|
|
}
|
|
},
|
|
{ name: "LoginLoading" }
|
|
);
|
|
const LoginLoading: React.FC = props => {
|
|
const classes = useStyles(props);
|
|
|
|
return (
|
|
<div className={classes.root}>
|
|
<CircularProgress size={128} />
|
|
</div>
|
|
);
|
|
};
|
|
LoginLoading.displayName = "LoginLoading";
|
|
export default LoginLoading;
|