feat(org): First version of create showcase via site
This commit is contained in:
parent
b5aabcbf2b
commit
d2124f7881
7 changed files with 245 additions and 65 deletions
24
sites/shared/hooks/use-loading-status.mjs
Normal file
24
sites/shared/hooks/use-loading-status.mjs
Normal 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} />,
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue