From b593247ff23f6aaf6bd5686acd8382cbfc5dfc89 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Sun, 15 Dec 2024 22:19:20 -0500
Subject: [PATCH] [O] Optimize number display

---
 src/components/Grid/components/N.js | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/Grid/components/N.js b/src/components/Grid/components/N.js
index 9eb4cf8..bd08375 100644
--- a/src/components/Grid/components/N.js
+++ b/src/components/Grid/components/N.js
@@ -1,17 +1,15 @@
-import * as React from "react";
 import {multiStyles} from "../../../utils";
 import styles from "../styles.module.scss";
 
 const N = ({className, value, setNum, editorMode, ...props}) => {
-  return (
-    <span className={multiStyles(styles, ["number", className])} {...props}>
-      <input
-        readOnly={!editorMode}
-        onChange={(e) => setNum(parseInt(e.target.value))}
-        value={value >= 0 && !isNaN(value) ? value : ""}
-      />
-    </span>
-  );
-};
+    const v = value >= 0 && !isNaN(value) ? value : ""
 
-export default N;
+    return (<span className={multiStyles(styles, ["number", className])} {...props}>
+        {editorMode && <input
+            onChange={(e) => setNum(parseInt(e.target.value))}
+            value={v}
+        /> || v}
+    </span>)
+}
+
+export default N