mirror of
https://github.com/vercel/commerce.git
synced 2025-03-31 17:25:53 +00:00
c75b0fc001
* Add dynamic API endpoints * Add missing dependency * Update api handlers * Updates * Fix build errors * Update package.json * Add checkout endpoint parser & update errors * Update tsconfig.json * Update cart.ts * Update parser * Update errors.ts * Update errors.ts * Move to Edge runtime * Revert to local * Fix switchable runtimes * Make nodejs default runtime * Update pnpm-lock.yaml * Update handlers * Fix build errors * Change headers
36 lines
747 B
TypeScript
36 lines
747 B
TypeScript
import type { FC } from 'react'
|
|
import cn from 'clsx'
|
|
|
|
interface ErrorMessageProps {
|
|
error: {
|
|
message: string
|
|
code?: string
|
|
errors?: {
|
|
message: string
|
|
}[]
|
|
}
|
|
className?: string
|
|
}
|
|
|
|
const ErrorMessages: FC<ErrorMessageProps> = ({ error, className }) => {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'flex flex-col text-red py-2.5 px-4 border border-solid border-red',
|
|
className
|
|
)}
|
|
>
|
|
<span>{error.message}</span>
|
|
{error.errors && error.errors?.length > 0 && (
|
|
<ul className="list-disc list-inside">
|
|
{error.errors.map(({ message }, index) => (
|
|
<li key={index}>{message}</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ErrorMessages
|