minor change

ut-code · Mar 25, 2024 · f94924d · f94924d
1 parent bd02bd8
commit f94924d
Showing 1 changed file with 36 additions and 38 deletions.
diff --git a/learn/src/components/PracticeTouch.tsx b/learn/src/components/PracticeTouch.tsx
@@ -26,45 +26,43 @@ export default function PracticeTouch({
   const answerMessage = rightOrWrong ? "正解" : "不正解";
 
   return (
-    <>
-      <div className="max-w-xl">
-        {question}
-        <br />
-        <div className="flex flex-row-reverse flex-wrap">
-          {brailleStrings.map((brailleChar, i) => (
-            <EdittableBraille
-              key={i}
-              height="150"
-              width="90"
-              braille={brailleChar}
-              setBraille={(braille) => {
-                setBrailleStrings(
-                  new BrailleArray(
-                    brailleStrings.map((_, j) => (j === i ? braille : _)),
-                  ),
-                );
-              }}
-            />
-          ))}
-        </div>
-
-        {/* <br /> */}
-        <Button
-          variant="contained"
-          onClick={() => {
-            judgeAnswer(
-              brailleDotCount === 6
-                ? judge(brailleStrings, answer, true)
-                : eightJudge(brailleStrings, answer),
-            );
-            setVisible(!visible);
-          }}
-        >
-          {visible ? "答え非表示" : "答え合わせ"}
-        </Button>
-        {visible === true && answerMessage}
+    <div className="max-w-xl">
+      {question}
+      <br />
+      <div className="flex flex-row-reverse flex-wrap">
+        {brailleStrings.map((brailleChar, i) => (
+          <EdittableBraille
+            key={i}
+            height="150"
+            width="90"
+            braille={brailleChar}
+            setBraille={(braille) => {
+              setBrailleStrings(
+                new BrailleArray(
+                  brailleStrings.map((_, j) => (j === i ? braille : _)),
+                ),
+              );
+            }}
+          />
+        ))}
       </div>
-    </>
+
+      {/* <br /> */}
+      <Button
+        variant="contained"
+        onClick={() => {
+          judgeAnswer(
+            brailleDotCount === 6
+              ? judge(brailleStrings, answer, true)
+              : eightJudge(brailleStrings, answer),
+          );
+          setVisible(!visible);
+        }}
+      >
+        {visible ? "答え非表示" : "答え合わせ"}
+      </Button>
+      {visible === true && answerMessage}
+    </div>
   );
 }