diff options
| author |  Vitaly Takmazov | 2019-05-04 21:13:12 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2023-01-13 10:37:54 +0300 |
| commit | f470636a70943a8ecad8bddc791a1c2dddd28e1e (patch) | |
| tree | c43d109d88adbde9a696084070cdd92c6b9a004b /vnext/src/ui/Spinner.js | |
| parent | 3d7d213e3ddc5bf4f71d536f31677b768aa3b7c0 (diff) | |
Components -> UI
Diffstat (limited to 'vnext/src/ui/Spinner.js')
| -rw-r--r-- | vnext/src/ui/Spinner.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/vnext/src/ui/Spinner.js b/vnext/src/ui/Spinner.js new file mode 100644 index 00000000..e866369f --- /dev/null +++ b/vnext/src/ui/Spinner.js @@ -0,0 +1,42 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +function Spinner(props) { + return ( + <div className="msg-cont"> + <div className="msg-txt"> + <ContentLoader + speed={2} + primaryColor="#f8f8f8" + secondaryColor="#ecebeb" + {...props}> + <rect x="56" y="6" rx="0" ry="0" width="117" height="6.4" /> + <rect x="56" y="20" rx="0" ry="0" width="85" height="6.4" /> + <rect x="0" y="60" rx="0" ry="0" width="270" height="6.4" /> + <rect x="0" y="78" rx="0" ry="0" width="270" height="6.4" /> + <rect x="0" y="96" rx="0" ry="0" width="201" height="6.4" /> + <rect x="0" y="0" rx="0" ry="0" width="48" height="48" /> + <rect x="0" y="120" rx="0" ry="0" width="270" height="1" /> + </ContentLoader> + </div> + </div> + ); +} + +export default React.memo(Spinner); + +export function ChatSpinner(props) { + return ( + <ContentLoader + speed={2} + primaryColor="#f8f8f8" + secondaryColor="#ecebeb" + height="60px" + width="120px" + {...props}> + <rect x="56" y="6" rx="0" ry="0" width="117" height="6.4" /> + <rect x="56" y="20" rx="0" ry="0" width="85" height="6.4" /> + <rect x="0" y="0" rx="0" ry="0" width="48" height="48" /> + </ContentLoader> + ); +} |