From 86d94074acf27a6ee07be2d55e1ac1840025c8d1 Mon Sep 17 00:00:00 2001
From: Adam Gough <adamgough@Adams-MacBook-Pro.local>
Date: Sat, 17 May 2025 22:06:34 -0400
Subject: [PATCH] improvement: changed modal to toggle instead of button

---
 .../components/deployed-workflow-card.tsx     | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/apps/sim/app/w/[id]/components/control-bar/components/deployment-controls/components/deployed-workflow-card.tsx b/apps/sim/app/w/[id]/components/control-bar/components/deployment-controls/components/deployed-workflow-card.tsx
index 3d3a05329d..4caa779d83 100644
--- a/apps/sim/app/w/[id]/components/control-bar/components/deployment-controls/components/deployed-workflow-card.tsx
+++ b/apps/sim/app/w/[id]/components/control-bar/components/deployment-controls/components/deployed-workflow-card.tsx
@@ -3,6 +3,8 @@
 import { useState, useEffect, useMemo } from 'react'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardHeader } from '@/components/ui/card'
+import { Switch } from '@/components/ui/switch'
+import { Label } from '@/components/ui/label'
 import { cn } from '@/lib/utils'
 import { createLogger } from '@/lib/logs/console-logger'
 import { WorkflowPreview } from '@/app/w/components/workflow-preview/workflow-preview'
@@ -114,16 +116,22 @@ export function DeployedWorkflowCard({
             {showingDeployed ? 'Deployed Workflow' : 'Current Workflow'}
           </h3>
           {/* Controls */}
-          <div className='flex items-center gap-4'>
+          <div className="flex items-center gap-2">
             {/* Version toggle - only show if there's a current version */}
             {currentWorkflowState && (
-              <Button
-                variant='outline'
-                size='sm'
-                onClick={() => setShowingDeployed(!showingDeployed)}
-              >
-                {showingDeployed ? 'Show Current' : 'Show Deployed'}
-              </Button>
+              <div className="flex items-center space-x-2">
+                <Label htmlFor="workflow-version-toggle" className="text-sm text-muted-foreground">
+                  Current
+                </Label>
+                <Switch 
+                  id="workflow-version-toggle"
+                  checked={showingDeployed} 
+                  onCheckedChange={setShowingDeployed}
+                />
+                <Label htmlFor="workflow-version-toggle" className="text-sm text-muted-foreground">
+                  Deployed
+                </Label>
+              </div>
             )}
           </div>
         </div>