Fix react hook bug

Author: Sg312

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/diff-controls.tsx

@@ -44,11 +44,6 @@ export const DiffControls = memo(function DiffControls() {
     useCallback((state) => ({ activeWorkflowId: state.activeWorkflowId }), [])
   )
 
-  // Don't show anything if no diff is available or diff is not ready
-  if (!diffWorkflow || !isDiffReady) {
-    return null
-  }
-
   const handleToggleDiff = useCallback(() => {
     logger.info('Toggling diff view', { currentState: isShowingDiff })
     toggleDiffView()
@@ -302,6 +297,11 @@ export const DiffControls = memo(function DiffControls() {
     })
   }, [clearPreviewYaml, updatePreviewToolCallState, rejectChanges])
 
+  // Don't show anything if no diff is available or diff is not ready
+  if (!diffWorkflow || !isDiffReady) {
+    return null
+  }
+
   return (
     <div className='-translate-x-1/2 fixed bottom-20 left-1/2 z-30'>
       <div className='flex items-center gap-2'>