Remove API Keys Settings functionality from App component

- Eliminated the API Keys settings button and associated state management from the App component.
- Removed the API Keys Settings modal, streamlining the user interface and focusing on core workflow functionalities.
- This change reflects a shift away from the API Keys management feature, simplifying the overall application structure.
This commit is contained in:
Nikhil-Doye
2025-10-19 00:44:51 -04:00
parent 391f56d051
commit 011a135ee6
-36
View File
@@ -5,13 +5,11 @@ import { WorkflowList } from "./components/WorkflowList";
import { WorkflowEditor } from "./components/WorkflowEditor";
import { ExecutionPanel } from "./components/ExecutionPanel";
import { TestingPanel } from "./components/TestingPanel";
import { ApiKeysSettings } from "./components/ApiKeysSettings";
import { useWorkflowStore } from "./store/workflowStore";
function App() {
const [currentView, setCurrentView] = useState<"list" | "editor">("list");
const [, setCurrentWorkflowId] = useState<string | null>(null);
const [showApiKeysSettings, setShowApiKeysSettings] = useState(false);
const { createWorkflow, loadWorkflow } = useWorkflowStore();
const handleCreateWorkflow = (workflowName?: string) => {
@@ -36,35 +34,6 @@ function App() {
<div className="App">
<Toaster position="top-right" />
{/* Settings Button */}
<div className="fixed top-4 right-4 z-40">
<button
onClick={() => setShowApiKeysSettings(true)}
className="px-4 py-2 bg-gray-600 text-white rounded-lg shadow-lg hover:bg-gray-700 transition-colors flex items-center space-x-2"
>
<svg
className="w-4 h-4"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
/>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
/>
</svg>
<span>API Keys</span>
</button>
</div>
{currentView === "list" ? (
<WorkflowList
onOpenWorkflow={handleOpenWorkflow}
@@ -83,11 +52,6 @@ function App() {
</div>
</ReactFlowProvider>
)}
{/* API Keys Settings Modal */}
{showApiKeysSettings && (
<ApiKeysSettings onClose={() => setShowApiKeysSettings(false)} />
)}
</div>
);
}