Add toaster and remove backdrop

BuidlGuidl · Jan 10, 2025 · 3bc5d21 · 3bc5d21
1 parent a483e3a
commit 3bc5d21
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/packages/nextjs/app/apply/page.tsx b/packages/nextjs/app/apply/page.tsx
@@ -9,6 +9,7 @@ import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation } from "@tanstack/react-query";
 import type { NextPage } from "next";
 import { FormProvider } from "react-hook-form";
+import { Toaster } from "react-hot-toast";
 import { useAccount } from "wagmi";
 import { Button } from "~~/components/pg-ens/Button";
 import { FormInput } from "~~/components/pg-ens/form-fields/FormInput";
@@ -87,9 +88,7 @@ const Apply: NextPage = () => {
             </div>
           </div>
         </div>
-        <form method="dialog" className="modal-backdrop">
-          <button onClick={handleModalClose}>close</button>
-        </form>
+        <Toaster />
       </dialog>
 
       <FormProvider {...formMethods}>

diff --git a/packages/nextjs/app/grants/[grantId]/_components/CurrentStage/NewStageModal/index.tsx b/packages/nextjs/app/grants/[grantId]/_components/CurrentStage/NewStageModal/index.tsx
@@ -91,6 +91,7 @@ export const NewStageModal = forwardRef<HTMLDialogElement, NewStageModalProps>(
               </form>
             </FormProvider>
           </div>
+          <Toaster />
         </dialog>
 
         <dialog ref={feedbackModalRef} className="modal">
@@ -111,11 +112,8 @@ export const NewStageModal = forwardRef<HTMLDialogElement, NewStageModalProps>(
               </div>
             </div>
           </div>
-          <form method="dialog" className="modal-backdrop">
-            <button onClick={handleFeedbackModalClose}>close</button>
-          </form>
+          <Toaster />
         </dialog>
-        <Toaster />
       </>
     );
   },