refactor toast system to use react-hot-toast

2026-03-11 21:09:45 +01:00
parent 03384c1bda
commit cff416dd83
12 changed files with 151 additions and 132 deletions
@@ -0,0 +1,33 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { Toaster as HotToaster, type ToasterProps } from "react-hot-toast";
+
+import { resolveLocale } from "@/lib/locale";
+
+export function Toaster(props: ToasterProps) {
+  const pathname = usePathname();
+  const locale = resolveLocale(pathname.split("/")[1] || "de");
+  const isArabic = locale === "ar";
+
+  const toastClassName = `${isArabic ? "font-arabic tracking-normal" : "font-latin"} text-[13px] leading-5`;
+
+  return (
+    <HotToaster
+      key={locale}
+      {...props}
+      position={props.position ?? (isArabic ? "top-right" : "top-left")}
+      reverseOrder={props.reverseOrder ?? false}
+      toastOptions={{
+        ...props.toastOptions,
+        className:
+          props.toastOptions?.className ??
+          toastClassName,
+        style: {
+          borderRadius: "36px",
+          ...(props.toastOptions?.style ?? {}),
+        },
+      }}
+    />
+  );
+}