Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
yoginth.com
1import { memo } from "react";
2import cn from "@/helpers/cn";
3import { H6 } from "./Typography";
4
5interface ErrorMessageProps {
6 className?: string;
7 error?: { message?: string };
8 title?: string;
9}
10
11const ErrorMessage = ({ className = "", error, title }: ErrorMessageProps) => {
12 if (!error) {
13 return null;
14 }
15
16 return (
17 <div
18 className={cn(
19 "space-y-1 rounded-xl border-2 border-red-500/50 bg-red-50 p-4 text-red-800 text-sm dark:bg-red-900/10 dark:text-red-200",
20 className
21 )}
22 >
23 <div className="flex flex-wrap items-center gap-2">
24 {title ? <H6>{title}</H6> : null}
25 </div>
26 <div className="break-words">{error?.message}</div>
27 </div>
28 );
29};
30
31export default memo(ErrorMessage);