fix(api, layout): update messages endpoint to prevent multiple submissions, and update toast provider to ensure it works and is positioned correctly

Author: tyronejosee

src/app/api/messages/route.ts

@@ -1,11 +1,9 @@
+import "@/lib/observer-setup";
 import { NextResponse } from "next/server";
 import { messageNotifier } from "@/lib/observer";
-import { DiscordObserver } from "@/lib/dicord";
 
 export async function POST(req: Request) {
   try {
-    messageNotifier.subscribe(DiscordObserver);
-
     const data = await req.json();
     await messageNotifier.notify(data);
 

src/app/providers.tsx

@@ -3,8 +3,6 @@
 import { HeroUIProvider, ToastProvider } from "@heroui/react";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import Favicon from "./favicon";
-import { ModalLoginContext } from "@/components/auth";
-import { ModalFeedbackContext } from "@/components/feedback";
 
 type Props = {
   children: React.ReactNode;
@@ -15,20 +13,23 @@ export default function Providers({ children }: Props) {
     <HeroUIProvider>
       <NextThemesProvider attribute="class" defaultTheme="system" enableSystem>
         <ToastProvider
-          placement="bottom-center"
+          placement="bottom-right"
           maxVisibleToasts={1}
           toastProps={{
-            size: "lg",
-            radius: "lg",
-            variant: "solid",
-            color: "primary",
+            classNames: {
+              motionDiv: "flex justify-end items-center pb-10",
+              base: "w-72 rounded-xl shadow-xl bg-neutral-950 dark:bg-white border-2 border-neutral-800 dark:border-neutral-200",
+              wrapper: "pl-2",
+              title: "text-white dark:text-neutral-950 font-medium",
+              description: "text-neutral-500",
+            },
+            size: "sm",
             timeout: 5000,
           }}
+          regionProps={{ classNames: { base: "z-[50]" } }}
         />
+        {children}
         <Favicon />
-        <ModalLoginContext>
-          <ModalFeedbackContext>{children}</ModalFeedbackContext>
-        </ModalLoginContext>
       </NextThemesProvider>
     </HeroUIProvider>
   );

src/lib/observer-setup.ts

@@ -0,0 +1,4 @@
+import { messageNotifier } from "@/lib/observer";
+import { DiscordObserver } from "@/lib/dicord";
+
+messageNotifier.subscribe(DiscordObserver);