Updated copy text

Author: ksamirdev

src/app/components/CopyText.tsx

@@ -31,10 +31,17 @@ export const CopyTextComponent: FC<{
         });
       }}
     >
-      {hidden && !reveal ? "-".repeat(text.length) : text}
+      <span
+        className={cn(
+          "px-1 py-0.5 rounded-md  underline-offset-4",
+          !reveal ? "blur-sm" : "hover:bg-blue-50 ",
+        )}
+      >
+        {text}
+      </span>
 
-      {hidden && !reveal && isHovering ? (
-        <span className="absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 text-center font-semibold bg-secondary px-2 text-xs">
+      {hidden && !reveal ? (
+        <span className="absolute left-1/2 top-1/2 -translate-y-1/2 rounded-full -translate-x-1/2 text-center font-semibold bg-secondary px-2 text-xs">
           Click to reveal
         </span>
       ) : null}

src/app/webhooks/[webhookId]/settings/loading.tsx

@@ -6,7 +6,7 @@ import Link from "next/link";
 
 export default async function WebhookPage() {
   return (
-    <div className="container my-10 space-y-10">
+    <div className="container my-10 space-y-10 pt-20">
       <div className="space-y-5">
         <div className="flex flex-col md:flex-row text-center md:text-left justify-between items-stretch md:items-start gap-5 md:gap-0">
           <div className="self-center space-y-2">

src/app/webhooks/[webhookId]/settings/page.tsx

@@ -111,7 +111,8 @@ const Logs = async ({
         <div className="inline-flex items-center justify-between">
           <Label className="font-medium font-poppins">Signing Secret</Label>
           <CopyTextComponent
-            className="cursor-pointer hover:bg-blue-50 px-1 py-0.5 rounded-md underline-offset-4 font-geist-mono hover:text-blue-500 "
+            className="cursor-pointer font-geist-mono"
+            // className="cursor-pointer hover:bg-blue-50 px-1 py-0.5 rounded-md underline-offset-4 font-geist-mono hover:text-blue-500 "
             text={webhook.secret}
             hidden
           />