Merge pull request #1424 from RedisInsight/bugfix/RI-3859_copy_btn

#RI-3858- add disabled condition to copy btn

Author: AlenaSY

redisinsight/ui/src/components/query-card/QueryCardHeader/QueryCardHeader.spec.tsx

@@ -51,4 +51,10 @@ describe('QueryCardHeader', () => {
 
     expect(screen.getByTestId('execution-time-tooltip')).toHaveTextContent('12 345 678.91 ms')
   })
+
+  it('should render disabled copy button', async () => {
+    render(<QueryCardHeader {...instance(mockedProps)} emptyCommand />)
+
+    expect(screen.getByTestId('copy-command')).toBeDisabled()
+  })
 })

redisinsight/ui/src/components/query-card/QueryCardHeader/QueryCardHeader.tsx

@@ -257,6 +257,7 @@ const QueryCardHeader = (props: Props) => {
               iconType="copy"
               aria-label="Copy query"
               className="copy-btn"
+              disabled={emptyCommand}
               onClick={(event: React.MouseEvent) => handleCopy(event, query || '')}
               data-testid="copy-command"
             />