Add note for issue with decimal

wasabigeek · Jul 16, 2022 · 49188ee · 49188ee
1 parent 44ac715
commit 49188ee
Showing 1 changed file with 43 additions and 31 deletions.
diff --git a/components/PrecisionScaleConfig.jsx b/components/PrecisionScaleConfig.jsx
@@ -8,39 +8,51 @@ function PrecisionScaleConfig({ value, onChange }) {
   };
 
   return (
-    <div className="flex w-full justify-between space-x-2 mt-2">
-      <div className="flex-1">
-        <label
-          className="text-sm font-normal text-gray-700"
-          htmlFor="precision_input"
-        >
-          Precision
-        </label>
-        <input
-          id="precision_input"
-          type="number"
-          value={precision}
-          className="text-input"
-          onChange={(e) =>
-            updatePrecisionAndScale({ precision: e.target.value })
-          }
-        />
+    <div>
+      <div className="flex w-full justify-between space-x-2 mt-2">
+        <div className="flex-1">
+          <label
+            className="text-sm font-normal text-gray-700"
+            htmlFor="precision_input"
+          >
+            Precision
+          </label>
+          <input
+            id="precision_input"
+            type="number"
+            value={precision}
+            className="text-input"
+            onChange={(e) =>
+              updatePrecisionAndScale({ precision: e.target.value })
+            }
+          />
+        </div>
+        <div className="flex-1">
+          <label
+            className="text-sm font-normal text-gray-700"
+            htmlFor="scale_input"
+          >
+            Scale
+          </label>
+          <input
+            id="scale_input"
+            type="number"
+            value={scale}
+            className="text-input"
+            onChange={(e) => updatePrecisionAndScale({ scale: e.target.value })}
+          />
+        </div>
       </div>
-      <div className="flex-1">
-        <label
-          className="text-sm font-normal text-gray-700"
-          htmlFor="scale_input"
+      <p className="text-sm text-gray-500 mt-2">
+        Note: depending on your shell, you may need to wrap this in quotes, see&nbsp;
+        <a
+          href="https://github.com/rails/rails/issues/13520#issuecomment-44698117"
+          target="_blank"
+          className="underline hover:text-gray-700"
         >
-          Scale
-        </label>
-        <input
-          id="scale_input"
-          type="number"
-          value={scale}
-          className="text-input"
-          onChange={(e) => updatePrecisionAndScale({ scale: e.target.value })}
-        />
-      </div>
+          issue
+        </a>.
+      </p>
     </div>
   );
 }