fix: added toaster

DavidAmunga · Dec 15, 2024 · e560c68 · e560c68
1 parent 0c39fd0
commit e560c68
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -36,6 +36,7 @@ import {
 import { ModeToggle } from "./components/mode-toggle";
 import { Card } from "./components/ui/card";
 import { DefaultSeo } from "next-seo";
+import { toast } from "sonner";
 
 const PIN_STORAGE_KEY = "krapins";
 
@@ -111,8 +112,8 @@ function App() {
   };
 
   const handleCopyToClipboard = (pin: PIN) => {
-    const text = `Name: ${pin.name}\nPIN: ${pin.pin}`;
-    navigator.clipboard.writeText(text);
+    toast.success("Copied to Clipboard",{position:"top-center"});
+    navigator.clipboard.writeText(pin.pin);
   };
 
   const handleWhatsAppShare = (pin: PIN) => {

diff --git a/src/main.tsx b/src/main.tsx
@@ -3,11 +3,13 @@ import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App.tsx";
 import { ThemeProvider } from "@/components/theme-provider";
+import { Toaster } from "sonner";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
       <App />
+      <Toaster />
     </ThemeProvider>
   </StrictMode>
 );