fix(workflow): match deploy resource action styling

Author: Bill Leoutsakos

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/deploy.test.tsx

@@ -36,7 +36,7 @@ vi.mock('@sim/emcn', () => ({
 }))
 
 vi.mock('@sim/emcn/icons', () => ({
-  Rocket: () => <span data-testid='rocket-icon' />,
+  Upload: () => <span data-testid='upload-icon' />,
 }))
 
 vi.mock(
@@ -141,7 +141,8 @@ describe('Deploy compact mode', () => {
     const button = container.querySelector('button')
     expect(button?.getAttribute('aria-label')).toBe('Deploy')
     expect(button?.className).toContain('resource-action')
-    expect(container.querySelector('[data-testid="rocket-icon"]')).not.toBeNull()
+    expect(container.querySelector('[data-testid="upload-icon"]')).not.toBeNull()
+    expect(button?.getAttribute('variant')).toBe('subtle')
     expect(container.textContent).not.toContain('DeployLiveUpdate')
   })
 

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/deploy.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react'
 import { Button, cn, Tooltip } from '@sim/emcn'
-import { Rocket } from '@sim/emcn/icons'
+import { Upload } from '@sim/emcn/icons'
 import { DeployModal } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/deploy-modal'
 import {
   useChangeDetection,
@@ -133,13 +133,19 @@ export function Deploy({
             <Button
               className={cn(compact ? 'h-[30px]' : 'h-[30px] gap-1.5 px-2.5', className)}
               variant={
-                isRegistryLoading ? 'active' : changeDetected || !isDeployed ? 'tertiary' : 'active'
+                compact
+                  ? 'subtle'
+                  : isRegistryLoading
+                    ? 'active'
+                    : changeDetected || !isDeployed
+                      ? 'tertiary'
+                      : 'active'
               }
               onClick={onDeployClick}
               disabled={isRegistryLoading || isDisabled}
               aria-label={compact ? buttonLabel : undefined}
             >
-              {compact ? <Rocket className='size-[16px] text-[var(--text-icon)]' /> : buttonLabel}
+              {compact ? <Upload className='size-[16px] text-[var(--text-icon)]' /> : buttonLabel}
             </Button>
           </span>
         </Tooltip.Trigger>