fix(pipeline-builder): fix the reference header title have tooltip an…

…d is able to copy (#958) Because - fix the reference header title have tooltip and is able to copy This commit - fix the reference header title have tooltip and is able to copy
instill-ai · Feb 14, 2024 · 6214838 · 6214838
1 parent 0c6ef4e
commit 6214838
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/toolkit/src/components/ReferenceHintTag.tsx b/packages/toolkit/src/components/ReferenceHintTag.tsx
@@ -44,9 +44,13 @@ export const ReferenceHintTagIcon = ({
 export const ReferenceHintTagLabel = ({
   label,
   className,
+  disabledTooltip,
+  disabledCopy,
 }: {
   label: string;
   className?: string;
+  disabledTooltip?: boolean;
+  disabledCopy?: boolean;
 }) => {
   const [open, setOpen] = React.useState(false);
   const [copied, setCopied] = React.useState(false);
@@ -56,6 +60,11 @@ export const ReferenceHintTagLabel = ({
       <Tooltip.Root
         open={open}
         onOpenChange={(open) => {
+          if (disabledTooltip) {
+            setOpen(false);
+            return;
+          }
+
           if (copied) {
             return;
           }
@@ -65,6 +74,10 @@ export const ReferenceHintTagLabel = ({
         <Tooltip.Trigger asChild>
           <button
             onClick={async (e) => {
+              if (disabledCopy) {
+                return;
+              }
+
               e.stopPropagation();
               e.preventDefault();
               await navigator.clipboard.writeText(label);

diff --git a/packages/toolkit/src/view/pipeline-builder/components/ComponentOutputReferenceHints.tsx b/packages/toolkit/src/view/pipeline-builder/components/ComponentOutputReferenceHints.tsx
@@ -45,6 +45,8 @@ export const ComponentOutputReferenceHints = ({
               <ReferenceHintTag.Label
                 label="references"
                 className="!text-semantic-fg-disabled"
+                disabledCopy={true}
+                disabledTooltip={true}
               />
             </ReferenceHintTag.Root>
             {/* <button