Fix copy cotent and stop click propagation

Author: ioedeveloper

apps/circuit-compiler/src/app/components/feedback.tsx

@@ -45,16 +45,14 @@ export function CompilerFeedback ({ feedback, filePathToId, hideWarnings, openEr
                   <RenderIf condition={response.type === 'Error'}>
                     <div className={`circuit_feedback ${response.type.toLowerCase()} alert alert-danger`} data-id="circuit_feedback">
                       <FeedbackAlert
-                        message={response.message}
-                        location={ response.labels[0] ? response.labels[0].message + ` ${filePathToId[response.labels[0].file_id]}:${response.labels[0].range.start}:${response.labels[0].range.end}` : null}
+                        message={response.message + (response.labels[0] ? ": " + response.labels[0].message + ` ${filePathToId[response.labels[0].file_id]}:${response.labels[0].range.start}:${response.labels[0].range.end}` : '')}
                         askGPT={ () => handleAskGPT(response) } />
                     </div>
                   </RenderIf>
                   <RenderIf condition={(response.type === 'Warning') && !hideWarnings}>
                     <div className={`circuit_feedback ${response.type.toLowerCase()} alert alert-warning`} data-id="circuit_feedback">
                       <FeedbackAlert
                         message={response.message}
-                        location={null}
                         askGPT={() => { handleAskGPT(response) }} />
                     </div>
                   </RenderIf>

apps/circuit-compiler/src/app/components/feedbackAlert.tsx

@@ -3,7 +3,7 @@ import { FeedbackAlertProps } from '../types'
 import { RenderIf } from '@remix-ui/helper'
 import {CopyToClipboard} from '@remix-ui/clipboard'
 
-export function FeedbackAlert ({ message, location, askGPT }: FeedbackAlertProps) {
+export function FeedbackAlert ({ message, askGPT }: FeedbackAlertProps) {
   const [ showAlert, setShowAlert] = useState<boolean>(true)
 
   const handleCloseAlert = () => {
@@ -14,17 +14,17 @@ export function FeedbackAlert ({ message, location, askGPT }: FeedbackAlertProps
     <RenderIf condition={showAlert}>
       <>
         <span> { message } </span>
-        <RenderIf condition={location !== null}>
-          <span> { location }</span>
-        </RenderIf>
         <div className="close" data-id="renderer" onClick={handleCloseAlert}>
           <i className="fas fa-times"></i>
         </div>
         <div className="d-flex pt-1 flex-row-reverse">
           <span className="ml-3 pt-1 py-1" >
             <CopyToClipboard content={message} className="p-0 m-0 far fa-copy error" direction={'top'} />
           </span>
-          <span className="border border-success text-success btn-sm" onClick={askGPT}>ASK GPT</span>
+          <span className="border border-success text-success btn-sm" onClick={(e) => {
+            e.stopPropagation()
+            askGPT()
+          }}>ASK GPT</span>
         </div>
       </>
     </RenderIf>

apps/circuit-compiler/src/app/types/index.ts

@@ -72,7 +72,6 @@ export type CompilerReport = {
 
 export type FeedbackAlertProps = {
   message: string,
-  location: string,
   askGPT: () => void
 }
 

libs/remix-ui/clipboard/src/lib/copy-to-clipboard/copy-to-clipboard.tsx

@@ -44,6 +44,7 @@ export const CopyToClipboard = (props: ICopyToClipboard) => {
       content = getContent && getContent()
       copyData()
     }
+    e.stopPropagation()
     e.preventDefault()
   }