48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { QueryResult } from "../types";
|
|
import { Label } from "@/components/ui/label";
|
|
import { Alert, AlertDescription } from "@/components/ui/alert";
|
|
import { AlertCircle } from "lucide-react";
|
|
|
|
interface RiskAlertSectionProps {
|
|
queryResult: QueryResult | null;
|
|
}
|
|
|
|
/**
|
|
* 리스크 알림 위젯 설정 섹션
|
|
* - 알림 설정
|
|
*
|
|
* TODO: 상세 설정 UI 추가 필요
|
|
*/
|
|
export function RiskAlertSection({ queryResult }: RiskAlertSectionProps) {
|
|
// 쿼리 결과가 없으면 안내 메시지 표시
|
|
if (!queryResult || !queryResult.columns || queryResult.columns.length === 0) {
|
|
return (
|
|
<div className="rounded-lg bg-background p-3 shadow-sm">
|
|
<Label className="mb-2 block text-xs font-semibold">리스크 알림 설정</Label>
|
|
<Alert>
|
|
<AlertCircle className="h-4 w-4" />
|
|
<AlertDescription className="text-xs">
|
|
먼저 데이터 소스를 설정하고 쿼리를 테스트해주세요.
|
|
</AlertDescription>
|
|
</Alert>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="rounded-lg bg-background p-3 shadow-sm">
|
|
<Label className="mb-2 block text-xs font-semibold">리스크 알림 설정</Label>
|
|
<Alert>
|
|
<AlertCircle className="h-4 w-4" />
|
|
<AlertDescription className="text-xs">
|
|
리스크 알림 상세 설정 UI는 추후 추가 예정입니다.
|
|
</AlertDescription>
|
|
</Alert>
|
|
</div>
|
|
);
|
|
}
|
|
|