mirror of
https://github.com/danswer-ai/danswer.git
synced 2025-08-23 04:03:43 +02:00
@@ -1,4 +1,5 @@
|
|||||||
import { Callout } from "@/components/ui/callout";
|
import { Callout } from "@/components/ui/callout";
|
||||||
|
import { FiAlertTriangle } from "react-icons/fi";
|
||||||
|
|
||||||
export function ErrorCallout({
|
export function ErrorCallout({
|
||||||
errorTitle,
|
errorTitle,
|
||||||
@@ -12,7 +13,7 @@ export function ErrorCallout({
|
|||||||
<Callout
|
<Callout
|
||||||
className="mt-4"
|
className="mt-4"
|
||||||
title={errorTitle || "Page not found"}
|
title={errorTitle || "Page not found"}
|
||||||
icon="alert"
|
icon={<FiAlertTriangle className="text-red-500 h-5 w-5" />}
|
||||||
type="danger"
|
type="danger"
|
||||||
>
|
>
|
||||||
{errorMsg}
|
{errorMsg}
|
||||||
|
@@ -1,7 +1,7 @@
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
interface CalloutProps {
|
interface CalloutProps {
|
||||||
icon?: string;
|
icon?: React.ReactNode;
|
||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
type?: "default" | "warning" | "danger" | "notice";
|
type?: "default" | "warning" | "danger" | "notice";
|
||||||
className?: string;
|
className?: string;
|
||||||
@@ -29,8 +29,10 @@ export function Callout({
|
|||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
{icon && <span className="mr-4 text-2xl">{icon}</span>}
|
{icon && <span className="mr-4 text-2xl">{icon}</span>}
|
||||||
<div>
|
<div className="flex-1">
|
||||||
{title && <div className="font-medium mb-1">{title}</div>}
|
{title && (
|
||||||
|
<div className="font-medium mb-1 flex items-center">{title}</div>
|
||||||
|
)}
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user