d1a1135328
* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import { Spinner } from "@medusajs/icons"
|
|
import { Container } from "@medusajs/ui"
|
|
import * as React from "react"
|
|
|
|
import { HookRegistry } from "@/specs/hooks"
|
|
import Feedback from "../Feedback"
|
|
|
|
type HookValuesProps = {
|
|
hook: string
|
|
hideFeedback?: boolean
|
|
}
|
|
|
|
const HookValues = ({ hook, hideFeedback = false }: HookValuesProps) => {
|
|
const Props = React.useMemo(() => {
|
|
const Table = HookRegistry[hook]?.table
|
|
|
|
if (!Table) {
|
|
return (
|
|
<div className="flex min-h-[200px] w-full items-center justify-center">
|
|
<p className="txt-compact-small">
|
|
No API reference found for{" "}
|
|
<span className="txt-compact-small-plus">{hook}</span>
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return <Table />
|
|
}, [hook])
|
|
|
|
return (
|
|
<>
|
|
<Container className="mb-6 mt-8 overflow-hidden p-0">
|
|
<React.Suspense
|
|
fallback={
|
|
<div className="text-medusa-fg-muted flex flex-1 items-center justify-center">
|
|
<Spinner className="animate-spin" />
|
|
</div>
|
|
}
|
|
>
|
|
{Props}
|
|
</React.Suspense>
|
|
</Container>
|
|
{!hideFeedback && (
|
|
<Feedback title={`props of ${hook}`} showDottedSeparator={false} />
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
|
|
export { HookValues }
|