diff --git a/src/components/Todo/common/Todo/Item/index.tsx b/src/components/Todo/common/Todo/Item/index.tsx index 480f52c..38c2296 100644 --- a/src/components/Todo/common/Todo/Item/index.tsx +++ b/src/components/Todo/common/Todo/Item/index.tsx @@ -55,7 +55,9 @@ interface Props { changeFocus: (focusIndex: number) => void; focus: number; } - +function displayErrorMessage(message: string): void { + alert(message); +} export const Item: FC = ({ items, itemIndex, @@ -105,6 +107,7 @@ export const Item: FC = ({ /> = ({ // Get pasted data via clipboard API const clipboardData = e.clipboardData; - const pastedData = clipboardData - .getData('Text') - .split('\n') + const MAX_CHARACTERS = 1200; + const input = clipboardData + .getData("Text"); + if(input.length > MAX_CHARACTERS) { + displayErrorMessage(`You can only paste up to ${MAX_CHARACTERS} characters.`); + return; + } + const pastedData = input + .split("\n") .reverse() .filter((name) => name.trim() !== ''); - // Do whatever with pasteddata const items = pastedData.map((name) => { return { name, uuid: uuid(), isComplete: false };