Trimmed alert messages to only display 200 chars

tarasglek · Mar 30, 2024 · d5a51e5 · d5a51e5
1 parent 52c90ca
commit d5a51e5
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/hooks/use-alert.ts b/src/hooks/use-alert.ts
@@ -8,6 +8,18 @@ type AlertArguments = {
   message?: string;
 };
 
+function trimMessage(message?: string): string {
+  if (!message) {
+    return "";
+  }
+
+  if (message.length > 200) {
+    return `${message.substring(0, 200)}...`;
+  }
+
+  return message;
+}
+
 export function useAlert() {
   const toast = useToast();
 
@@ -46,7 +58,7 @@ export function useAlert() {
       toast({
         id,
         title,
-        description: message,
+        description: trimMessage(message),
         status: "success",
         position: "top",
         isClosable: true,
@@ -60,7 +72,7 @@ export function useAlert() {
       toast({
         id,
         title,
-        description: message,
+        description: trimMessage(message),
         status: "warning",
         position: "top",
         isClosable: true,