crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 04:14:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Loading Common

Browse Source
This commit is contained in:
sonnguyenkieio 2021-09-09 08:25:28 +07:00
parent 21684697b5
commit d6686b8e2d
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/common/LoadingCommon/LoadingCommon.module.scss
View File

@ -12,7 +12,6 @@
0% { transform: rotate(0deg); } 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }
&.small { &.small {
height: 5rem; height: 5rem;

5
src/components/common/LoadingCommon/LoadingCommon.tsx
View File

@ -3,17 +3,16 @@ import React from "react";
import s from './LoadingCommon.module.scss' import s from './LoadingCommon.module.scss'
interface LoadingCommonProps { interface LoadingCommonProps {
visible: boolean
size?: "small" | "default" | "large", size?: "small" | "default" | "large",
children? : React.ReactNode; children? : React.ReactNode;
} }
const LoadingCommon = ({ visible, size="default", children }: LoadingCommonProps) => { const LoadingCommon = ({ size="default", children }: LoadingCommonProps) => {
return ( return (
<> <>
{ {
visible && <div className={classNames(s.loadingCommon, { <div className={classNames(s.loadingCommon, {
[s[size]]: size [s[size]]: size
})}> })}>
{children} {children}