mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 12:25:05 +03:00
HieuandCharis
c5a88a9fc4
* feat: render body parameters * feat: api parameters render * fix: update mgmt api spec to latest * fix: body param format and support content type selection * fix: prettier errors * fix: use Options to render accepted enum values * fix: prettier again * fix: merge conflict * fix: expose new api routes * fix: prettier again * refactor: ApiBodyParam * fix: add missing apis * chore: tidy up * feat: improve api response with sample + schema tabs * fix: support show/hide object param schema * fix: show no content text * refactor: use collapsible for hidden content * Update apps/docs/components/reference/ApiOperationSection.tsx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * Update apps/docs/components/ApiSchemaOption.tsx Co-authored-by: Charis <26616127+charislam@users.noreply.github.com> * fix: resolve comments --------- Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com>
37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
import { ReactMarkdown } from 'react-markdown/lib/react-markdown'
|
|
|
|
type IParamProps = any
|
|
|
|
/**
|
|
* isPrimitive: Indicates whether the value is a basic type such as string or number. It does not refer to an object param.
|
|
* */
|
|
const Param = ({ name, isOptional, type, description, children, isPrimitive }: IParamProps) => {
|
|
return (
|
|
<div className="border-t border-b py-5 flex flex-col gap-3 debugger">
|
|
<div className="flex gap-3 items-center">
|
|
{!isPrimitive && (
|
|
<span className="text-sm text-foreground font-mono font-medium">{name ?? 'no-name'}</span>
|
|
)}
|
|
<span>
|
|
{isOptional ? (
|
|
<div className="text-[10px] px-3 tracking-wide font-mono text-foreground-lighter">
|
|
Optional
|
|
</div>
|
|
) : (
|
|
<div className="text-[10px] border border-amber-700 bg-amber-300 text-amber-900 px-2 tracking-wide font-mono py-0.25 rounded-full">
|
|
REQUIRED
|
|
</div>
|
|
)}
|
|
</span>
|
|
<span className="text-foreground-muted text-xs">{type ?? 'no type'}</span>
|
|
</div>
|
|
{description && (
|
|
<ReactMarkdown className="text-sm text-foreground-lighter m-0">{description}</ReactMarkdown>
|
|
)}
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Param
|