디벨롭

frontend/components/admin/dashboard/data-sources/MultiDataSourceConfig.tsx

@@ -4,10 +4,16 @@ import React, { useState } from "react";
 import { ChartDataSource } from "@/components/admin/dashboard/types";
 import { Button } from "@/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Plus, Trash2 } from "lucide-react";
+import { Plus, Trash2, Database, Globe } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import MultiApiConfig from "./MultiApiConfig";
 import MultiDatabaseConfig from "./MultiDatabaseConfig";
 
@@ -25,18 +31,20 @@ export default function MultiDataSourceConfig({
   );
   const [previewData, setPreviewData] = useState<any[]>([]);
   const [showPreview, setShowPreview] = useState(false);
+  const [showAddMenu, setShowAddMenu] = useState(false);
 
-  // 새 데이터 소스 추가
-  const handleAddDataSource = () => {
+  // 새 데이터 소스 추가 (타입 지정)
+  const handleAddDataSource = (type: "api" | "database") => {
     const newId = Date.now().toString();
     const newSource: ChartDataSource = {
       id: newId,
-      name: `데이터 소스 ${dataSources.length + 1}`,
-      type: "api",
+      name: `${type === "api" ? "REST API" : "Database"} ${dataSources.length + 1}`,
+      type,
     };
     
     onChange([...dataSources, newSource]);
     setActiveTab(newId);
+    setShowAddMenu(false);
   };
 
   // 데이터 소스 삭제