diff --git a/src/components/OutputsTable/OutputCell/ErrorHandler.tsx b/src/components/OutputsTable/OutputCell/ErrorHandler.tsx index 0e92a1a..419a3e8 100644 --- a/src/components/OutputsTable/OutputCell/ErrorHandler.tsx +++ b/src/components/OutputsTable/OutputCell/ErrorHandler.tsx @@ -1,9 +1,9 @@ import { type ModelOutput } from "@prisma/client"; import { HStack, VStack, Text, Button, Icon } from "@chakra-ui/react"; -import { useEffect, useMemo, useState } from "react"; +import { useEffect, useState } from "react"; import { BsArrowClockwise } from "react-icons/bs"; import { rateLimitErrorMessage } from "~/sharedStrings"; -import pluralize from 'pluralize' +import pluralize from "pluralize"; const MAX_AUTO_RETRIES = 3; @@ -20,8 +20,6 @@ export const ErrorHandler = ({ const shouldAutoRetry = output.errorMessage === rateLimitErrorMessage && numPreviousTries < MAX_AUTO_RETRIES; - const errorMessage = useMemo(() => breakLongWords(output.errorMessage), [output.errorMessage]); - useEffect(() => { if (!shouldAutoRetry) return; @@ -71,27 +69,18 @@ export const ErrorHandler = ({ - {errorMessage} + + {output.errorMessage} + {msToWait > 0 && ( - Retrying in {pluralize('second', Math.ceil(msToWait / 1000), true)}... + Retrying in {pluralize("second", Math.ceil(msToWait / 1000), true)}... )} ); }; -function breakLongWords(str: string | null): string { - if (!str) return ""; - const words = str.split(" "); - - const newWords = words.map((word) => { - return word.length > 20 ? word.slice(0, 20) + "\u200B" + word.slice(20) : word; - }); - - return newWords.join(" "); -} - const MIN_DELAY = 500; // milliseconds const MAX_DELAY = 5000; // milliseconds