From b9ad0c638df9d0d6558f21a61ae230c18c4d0c08 Mon Sep 17 00:00:00 2001
From: nickp <nickposer2102@gmail.com>
Date: Thu, 22 Jun 2023 18:24:37 +0200
Subject: [PATCH] Fix text change detection on uploading a problem file

---
 src/components/solvers/TextInputMask.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/solvers/TextInputMask.tsx b/src/components/solvers/TextInputMask.tsx
index e51c699..4b9e43d 100644
--- a/src/components/solvers/TextInputMask.tsx
+++ b/src/components/solvers/TextInputMask.tsx
@@ -1,6 +1,6 @@
 import { Divider, Text, Textarea } from "@chakra-ui/react";
 import Head from "next/head";
-import React, { ChangeEvent, ReactElement, useState } from "react";
+import React, { ReactElement, useState } from "react";
 import { Container } from "../Container";
 import { Main } from "../Main";
 import { InputButtonPanel } from "./buttons/InputButtonPanel";
@@ -19,10 +19,10 @@ export const TextInputMask = (props: TextInputMaskProperties) => {
     const [text, setText] = useState<string>("");
     const [errorString, setErrorString] = useState("");
 
-    function onTextAreaChange(event: ChangeEvent<HTMLTextAreaElement>): void {
+    function onTextChanged(text: string): void {
         try {
-            setText(event.target.value);
-            props.onTextChanged(event.target.value);
+            setText(text);
+            props.onTextChanged(text);
 
             setErrorString('');
         } catch (e: any) {
@@ -46,14 +46,14 @@ export const TextInputMask = (props: TextInputMaskProperties) => {
                           value={text}
                           minHeight="10rem"
                           isInvalid={errorString != ""}
-                          onChange={onTextAreaChange}/>
+                          onChange={x => onTextChanged(x.target.value)}/>
 
                 <Text backgroundColor="tomato">{errorString}</Text>
 
                 <InputButtonPanel
                     helpBody={<Help/>}
                     problemString={text}
-                    setProblemString={setText}
+                    setProblemString={x => onTextChanged(x as string)}
                     uploadString={str => str}
                     downloadString={str => str}/>