h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

format project

Browse Source
This commit is contained in:
Kurt Hutten
2021-08-08 19:55:05 +10:00
parent 802ea61639
commit 078c79d8ee
5 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx
View File

@@ -1,7 +1,9 @@
let timeoutId = 0
const DelayedPingAnimation = ({isLoading: isLoading}: {isLoading: boolean}) => {
const DelayedPingAnimation = ({
isLoading: isLoading,
}: {
isLoading: boolean
}) => {
const [showLoading, setShowLoading] = React.useState(false)
React.useEffect(() => {
if (!isLoading && showLoading) {
@@ -18,11 +20,12 @@ const DelayedPingAnimation = ({isLoading: isLoading}: {isLoading: boolean}) => {
}
}, [isLoading])
if (showLoading && isLoading) return (
<div className="inset-0 absolute flex items-center justify-center">
<div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
</div>
)
if (showLoading && isLoading)
return (
<div className="inset-0 absolute flex items-center justify-center">
<div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
</div>
)
return null
}