23 lines
586 B
React
23 lines
586 B
React
|
import { Suspense } from 'react'
|
||
|
|
import { useParams, Navigate } from 'react-router-dom'
|
||
|
|
import { getUserComponent } from './registry'
|
||
|
|
|
||
|
|
export default function FeaturePage() {
|
||
|
|
const { slug } = useParams()
|
||
|
|
const Component = getUserComponent(slug)
|
||
|
|
|
||
|
|
if (!Component) {
|
||
|
|
return <Navigate to="/" replace />
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Suspense fallback={
|
||
|
|
<div className="flex items-center justify-center pt-20">
|
||
|
|
<div className="w-6 h-6 border-2 border-emerald-500 border-t-transparent rounded-full animate-spin" />
|
||
|
|
</div>
|
||
|
|
}>
|
||
|
|
<Component />
|
||
|
|
</Suspense>
|
||
|
|
)
|
||
|
|
}
|