Merge pull request #66 from irfan-iiitr/url-copied

copy link ui improved
Nishitbaria · May 14, 2024 · 0ca522d · 0ca522d
2 parents 4b262a1 + 6322225
commit 0ca522d
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/ui/Share.tsx b/src/components/ui/Share.tsx
@@ -18,13 +18,16 @@ import {
   DialogTrigger,
 } from "@/components/ui/dialog";
 import { Button } from "./button";
+import { useState } from "react";
 
 type ShareProps = {
   shareurl: string;
   handleShare: () => void;
 };
 
 const Share = ({ shareurl, handleShare }: ShareProps) => {
+
+  const [urlCopied, setUrlCopied] = useState(false);
   const data = [
     {
       label: "Facebook",
@@ -111,8 +114,9 @@ const Share = ({ shareurl, handleShare }: ShareProps) => {
               value={shareurl}
             ></input>
             <Button
-              className="bg-white"
+              className={urlCopied ? 'bg-green-400' : 'bg-white'}
               onClick={() => {
+                setUrlCopied(true);
                 window.navigator.clipboard.writeText(shareurl);
               }}
             >