Shahed Nasser
5634a4762b
* initial implementation * integrate new ai assistant in other projects + ux improvements * fix chat window on mobile devices * fixes to mobile * allow pre * change shortcut to i * improved responsiveness * align version in navbar
125 lines
2.5 KiB
TypeScript
125 lines
2.5 KiB
TypeScript
import React from "react"
|
|
import type { MDXComponents as MDXComponentsType } from "mdx/types"
|
|
import {
|
|
CodeMdx,
|
|
Details,
|
|
Kbd,
|
|
Note,
|
|
Card,
|
|
CardList,
|
|
DetailsSummary,
|
|
DetailsProps,
|
|
ZoomImg,
|
|
H1,
|
|
H2,
|
|
H3,
|
|
H4,
|
|
} from "@/components"
|
|
import clsx from "clsx"
|
|
import { Text } from "@medusajs/ui"
|
|
|
|
export const MDXComponents: MDXComponentsType = {
|
|
code: CodeMdx,
|
|
kbd: Kbd,
|
|
Kbd,
|
|
Note,
|
|
details: Details,
|
|
Details: ({ className, ...props }: DetailsProps) => {
|
|
return <Details {...props} className={clsx(className, "my-docs_1")} />
|
|
},
|
|
Summary: DetailsSummary,
|
|
Card,
|
|
CardList,
|
|
h1: H1,
|
|
h2: H2,
|
|
h3: H3,
|
|
h4: H4,
|
|
p: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => {
|
|
return (
|
|
<p
|
|
className={clsx(
|
|
"text-medusa-fg-base [&:not(:last-child)]:mb-docs_1.5 last:!mb-0",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
},
|
|
ul: ({
|
|
className,
|
|
children,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLUListElement>) => {
|
|
return (
|
|
<ul
|
|
{...props}
|
|
className={clsx(
|
|
"list-disc px-docs_1 mb-docs_1.5 [&_ul]:mb-0 [&_ol]:mb-0 [&_p]:!mb-0",
|
|
className
|
|
)}
|
|
>
|
|
{children}
|
|
</ul>
|
|
)
|
|
},
|
|
ol: ({
|
|
className,
|
|
children,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLOListElement>) => {
|
|
return (
|
|
<ol
|
|
{...props}
|
|
className={clsx(
|
|
"list-decimal px-docs_1 mb-docs_1.5 [&_ul]:mb-0 [&_ol]:mb-0 [&_p]:!mb-0",
|
|
className
|
|
)}
|
|
>
|
|
{children}
|
|
</ol>
|
|
)
|
|
},
|
|
li: ({
|
|
className,
|
|
children,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLElement>) => {
|
|
return (
|
|
<li
|
|
className={clsx(
|
|
"text-medusa-fg-base [&:not(:last-child)]:mb-docs_0.5",
|
|
"[&_ol]:mt-docs_0.5 [&_ul]:mt-docs_0.5",
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
<Text as="span">{children}</Text>
|
|
</li>
|
|
)
|
|
},
|
|
hr: ({ className, ...props }: React.HTMLAttributes<HTMLHRElement>) => {
|
|
return (
|
|
<hr
|
|
className={clsx(
|
|
"my-docs_2 h-[1px] w-full border-0 bg-medusa-border-base",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
},
|
|
img: (
|
|
props: React.DetailedHTMLProps<
|
|
React.ImgHTMLAttributes<HTMLImageElement>,
|
|
HTMLImageElement
|
|
>
|
|
) => {
|
|
// omit key to resolve errors
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
const { key, ...rest } = props
|
|
return <ZoomImg {...rest} />
|
|
},
|
|
}
|
|
|
|
export const Hr = MDXComponents["hr"] as () => React.JSX.Element
|