Merge pull request #26 from david-ponc/feature/add-copy-feedback

feat: add copy feedback to icon cards
pheralb · Aug 10, 2023 · f3ed82b · f3ed82b · vercel · Aug 10, 2023
2 parents 122a909 + b10cd83
commit f3ed82b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/website/src/components/card/index.tsx b/website/src/components/card/index.tsx
@@ -16,6 +16,7 @@ const Card = (props: CardProps) => {
     toast("Copied to clipboard!", {
       icon: "✨",
       description: `${txt}`,
+      onAutoClose: () => copy(""),
     })
   }
 
@@ -26,7 +27,9 @@ const Card = (props: CardProps) => {
       onClick={() => copyToClipboard(`<${props.name} />`)}
     >
       {props.icon}
-      <p className="mt-2 font-medium text-gray-300">{props.name}</p>
+      <p className="mt-2 font-medium text-gray-300">
+        {value ? "Copied!" : props.name}
+      </p>
     </div>
   )
 }