added share button

README.md

@@ -4,5 +4,4 @@
 
 ## Todos v1.5
 
-- [ ] Add share button on the dynamic page. Replace generate with "regenerate" when user has pic on the screen, then add share button where regenerate is now
 - [ ] Setup README and Vercel template

components/Body.tsx

@@ -25,6 +25,7 @@ import downloadQrCode from '@/utils/downloadQrCode';
 import va from '@vercel/analytics';
 import { PromptSuggestion } from '@/components/PromptSuggestion';
 import { useRouter } from 'next/navigation';
+import { toast, Toaster } from 'react-hot-toast';
 
 const promptSuggestions = [
   'A city view with clouds',
@@ -201,7 +202,13 @@ const Body = ({
                   className="inline-flex justify-center
                  max-w-[200px] mx-auto w-full"
                 >
-                  {isLoading ? <LoadingDots color="white" /> : 'Generate'}
+                  {isLoading ? (
+                    <LoadingDots color="white" />
+                  ) : response ? (
+                    '✨ Regenerate'
+                  ) : (
+                    'Generate'
+                  )}
                 </Button>
 
                 {error && (
@@ -243,9 +250,16 @@ const Body = ({
                     </Button>
                     <Button
                       variant="outline"
-                      onClick={form.handleSubmit(handleSubmit)}
+                      onClick={() => {
+                        navigator.clipboard.writeText(
+                          `https://qrgpt.io/start/${id || ''}`,
+                        );
+                        toast('Bio copied to clipboard', {
+                          icon: '✂️',
+                        });
+                      }}
                     >
-                      ✨ Regenerate
+                      ✂️ Share
                     </Button>
                   </div>
                 )}
@@ -254,6 +268,7 @@ const Body = ({
           )}
         </div>
       </div>
+      <Toaster />
     </div>
   );
 };

package.json

@@ -32,6 +32,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.46.1",
+    "react-hot-toast": "^2.4.1",
     "replicate": "^0.18.0",
     "tailwind-merge": "^1.14.0",
     "tailwindcss": "3.3.3",