From 2256c303f41b1832bb4be38fa3717a10510aa24e Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 6 Sep 2023 18:34:32 -0500
Subject: [PATCH] Use toast in photo share modal

---
 src/photo/PhotoModal.tsx         | 12 ++----------
 src/site/SiteChecklistClient.tsx |  2 +-
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/photo/PhotoModal.tsx b/src/photo/PhotoModal.tsx
index 9356f4e5..04a9f364 100644
--- a/src/photo/PhotoModal.tsx
+++ b/src/photo/PhotoModal.tsx
@@ -6,11 +6,10 @@ import { absoluteRouteForPhoto, routeForPhoto } from '@/site/routes';
 import { TbPhotoShare } from 'react-icons/tb';
 import { cc } from '@/utility/css';
 import { BiCopy } from 'react-icons/bi';
-import { useState } from 'react';
 import { Photo } from '.';
+import { toast } from 'sonner';
 
 export default function PhotoModal({ photo }: { photo: Photo }) {
-  const [copied, setIsCopied] = useState(false);
   const shareUrl = absoluteRouteForPhoto(photo);
   
   return (
@@ -24,13 +23,6 @@ export default function PhotoModal({ photo }: { photo: Photo }) {
           <div className="flex-grow">
             Share Photo
           </div>
-          {copied && <div className={cc(
-            'text-sm leading-none py-1.5 px-2',
-            'bg-blue-600 text-white',
-            'rounded-full',
-          )}>
-            Copied!
-          </div>}
         </div>
         <PhotoOGTile photo={photo} />
         <div className={cc(
@@ -52,7 +44,7 @@ export default function PhotoModal({ photo }: { photo: Photo }) {
             )}
             onClick={() => {
               navigator.clipboard.writeText(shareUrl);
-              setIsCopied(true);
+              toast.success('Link to photo copied');
             }}
           >
             <BiCopy size={18} />
diff --git a/src/site/SiteChecklistClient.tsx b/src/site/SiteChecklistClient.tsx
index 5999daef..e55b43b8 100644
--- a/src/site/SiteChecklistClient.tsx
+++ b/src/site/SiteChecklistClient.tsx
@@ -139,7 +139,7 @@ export default function SiteChecklistClient({
                 <IconButton
                   onClick={() => {
                     navigator.clipboard.writeText(secret);
-                    toast('Secret copied to clipboard', {
+                    toast.success('Secret copied to clipboard', {
                       duration: 4000,
                     });
                   }}