From d69fbfa703e8abe20361c82a45dc0b5b70892fd1 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Fri, 4 Apr 2025 14:41:02 -0230
Subject: [PATCH] Chore/add copy error button (#34700)

Add copy error button to SQL Editor
---
 .../SQLEditor/UtilityPanel/UtilityTabResults.tsx    | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx
index 73286ad49d3..819ac06bc4d 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityTabResults.tsx
@@ -4,11 +4,12 @@ import { forwardRef } from 'react'
 
 import { useParams } from 'common'
 import { subscriptionHasHipaaAddon } from 'components/interfaces/Billing/Subscription/Subscription.utils'
+import CopyButton from 'components/ui/CopyButton'
 import { useOrgSubscriptionQuery } from 'data/subscriptions/org-subscription-query'
 import { useSelectedOrganization } from 'hooks/misc/useSelectedOrganization'
 import { useDatabaseSelectorStateSnapshot } from 'state/database-selector'
 import { useSqlEditorV2StateSnapshot } from 'state/sql-editor-v2'
-import { AiIconAnimation, Button } from 'ui'
+import { AiIconAnimation, Button, Tooltip, TooltipContent, TooltipTrigger } from 'ui'
 import Results from './Results'
 
 export type UtilityTabResultsProps = {
@@ -137,6 +138,16 @@ const UtilityTabResults = forwardRef<HTMLDivElement, UtilityTabResultsProps>(
                   Switch to primary database
                 </Button>
               )}
+              {formattedError.length > 0 && (
+                <Tooltip>
+                  <TooltipTrigger>
+                    <CopyButton iconOnly type="default" text={formattedError.join('\n')} />
+                  </TooltipTrigger>
+                  <TooltipContent side="bottom" align="center">
+                    <span>Copy error</span>
+                  </TooltipContent>
+                </Tooltip>
+              )}
               {!hasHipaaAddon && (
                 <Button
                   icon={<AiIconAnimation className="scale-75 w-3 h-3" loading={isDebugging} />}