adds copied text to copy icon

code100x · Aug 19, 2024 · b8e7fdd · b8e7fdd
1 parent 5569b89
commit b8e7fdd
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/apps/web/components/CodeBlock.tsx b/apps/web/components/CodeBlock.tsx
@@ -29,6 +29,7 @@ export default function CodeBlock({ block }: { block: any }) {
             }}
           >
             {showCopiedMessage ? <CopyTick /> : <CopyIcon />}
+            {showCopiedMessage && <p className="absolute border p-1 text-xs bg-gray-500 text-slate-100 rounded-sm right-7 top-1 z-10">Copied!</p>}
           </button>
       </div>
       <div className="max-w-full overflow-auto relative">