chore(web): minor adjustments

Author: kemuru

web/src/components/NumberInputField.tsx

@@ -20,13 +20,7 @@ interface INumberInputField {
   formatter?: (value: string) => string;
 }
 
-export const NumberInputField: React.FunctionComponent<INumberInputField> = ({
-  placeholder,
-  message,
-  value,
-  onChange,
-  formatter,
-}) => {
+export const NumberInputField: React.FC<INumberInputField> = ({ placeholder, message, value, onChange, formatter }) => {
   const [isEditing, setIsEditing] = useState(false);
 
   const toggleEditing = () => {
@@ -40,7 +34,7 @@ export const NumberInputField: React.FunctionComponent<INumberInputField> = ({
           type="number"
           value={value}
           onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-            onChange && onChange(event.target.value);
+            onChange?.(event.target.value);
           }}
           placeholder={placeholder}
           message={message}

web/src/pages/Courts/CourtDetails/StakePanel/InputDisplay.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import styled from "styled-components";
 import { useParams } from "react-router-dom";
-import { formatEther } from "viem";
 import { useDebounce } from "react-use";
 import { useAccount } from "wagmi";
 import { NumberInputField } from "components/NumberInputField";
@@ -96,10 +95,11 @@ const InputDisplay: React.FC<IInputDisplay> = ({
           placeholder={isStaking ? "Amount to stake" : "Amount to withdraw"}
           message={
             isStaking
-              ? `You need to stake at least ${formatEther(courtDetails?.court.minStake ?? 0n)} PNK. ` +
+              ? `You need to stake at least ${formatPNK(courtDetails?.court.minStake ?? 0n, 3)} PNK. ` +
                 "You may need two transactions, one to increase allowance, the other to stake."
-              : `You need to either withdraw all or keep at least ${formatEther(
-                  courtDetails?.court.minStake ?? 0n
+              : `You need to either withdraw all or keep at least ${formatPNK(
+                  courtDetails?.court.minStake ?? 0n,
+                  3
                 )} PNK.`
           }
           formatter={(number: string) => commify(roundNumberDown(Number(number)))}