ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Franknoirot/video loading (#248)

Browse Source 
* Refactor Loading to take children

* Add loading state to stream
This commit is contained in:
Frank Noirot
2023-08-10 16:22:45 -04:00
committed by GitHub
parent 3a93839a2d
commit ae460ed02f
3 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Loading.tsx
View File

@ -1,6 +1,6 @@
import { useEffect, useState } from 'react'
const Loading = () => {
const Loading = ({ children }: React.PropsWithChildren) => {
const [hasLongLoadTime, setHasLongLoadTime] = useState(false)
useEffect(() => {
const timer = setTimeout(() => {
@ -23,12 +23,12 @@ const Loading = () => {
className="animate-spin origin-center"
/>
</svg>
<p className="mt-4 text-liquid-80 dark:text-liquid-20">
Loading KittyCAD Modeling App...
<p className="text-base mt-4 text-liquid-80 dark:text-liquid-20">
{children || 'Loading'}
</p>
<p
className={
'mt-4 text-liquid-90 dark:text-liquid-10 transition-opacity duration-500' +
'text-sm mt-4 text-liquid-90 dark:text-liquid-10 transition-opacity duration-500' +
(hasLongLoadTime ? ' opacity-100' : ' opacity-0')
}
>