1
0
Fork 0

feat(org): First version of create showcase via site

This commit is contained in:
joostdecock 2023-08-17 19:33:57 +02:00
parent b5aabcbf2b
commit d2124f7881
7 changed files with 245 additions and 65 deletions

View file

@ -0,0 +1,24 @@
import { useState } from 'react'
import { Spinner } from 'shared/components/spinner.mjs'
const LoadingStatus = ({ loadingStatus }) =>
loadingStatus[0] ? (
<div className="fixed top-28 left-0 w-full z-30">
<div
className={`w-full max-w-lg m-auto bg-secondary flex flex-row gap-4 p-4 px-4
rounded-lg shadow text-secondary-content text-medium bg-opacity-90`}
>
<Spinner /> {loadingStatus[1]}
</div>
</div>
) : null
export const useLoadingStatus = () => {
const [loadingStatus, setLoadingStatus] = useState([false])
return {
setLoadingStatus,
loading: loadingStatus[0],
LoadingStatus: () => <LoadingStatus loadingStatus={loadingStatus} />,
}
}