From 7b18ebd5d9a355837585935572b30590957e7250 Mon Sep 17 00:00:00 2001
From: Theophilus <60826700+Extheoisah@users.noreply.github.com>
Date: Wed, 21 Dec 2022 17:51:57 +0100
Subject: [PATCH] fix: fix zero leading input when changing between SAT and USD
 units (#381)

* chore: disable period(.) button when amount unit is sat

* fix: fix zero leading inputs when switching between sat and usd units
---
 components/ParsePOSPayment/Digit-Button.tsx | 8 ++++++--
 components/ParsePOSPayment/index.tsx        | 6 +++++-
 pages/_reducer.tsx                          | 5 +++++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/components/ParsePOSPayment/Digit-Button.tsx b/components/ParsePOSPayment/Digit-Button.tsx
index c7c221a3..f4acad5e 100644
--- a/components/ParsePOSPayment/Digit-Button.tsx
+++ b/components/ParsePOSPayment/Digit-Button.tsx
@@ -4,12 +4,16 @@ import { ACTIONS, ACTION_TYPE } from "../../pages/_reducer"
 
 interface Props {
   digit: string
+  disabled?: boolean
   dispatch: React.Dispatch<ACTION_TYPE>
 }
 
-function DigitButton({ digit, dispatch }: Props) {
+function DigitButton({ digit, disabled, dispatch }: Props) {
   return (
-    <button onClick={() => dispatch({ type: ACTIONS.ADD_DIGIT, payload: digit })}>
+    <button
+      disabled={disabled}
+      onClick={() => dispatch({ type: ACTIONS.ADD_DIGIT, payload: digit })}
+    >
       {digit}
     </button>
   )
diff --git a/components/ParsePOSPayment/index.tsx b/components/ParsePOSPayment/index.tsx
index 0ce43a12..9475e90a 100644
--- a/components/ParsePOSPayment/index.tsx
+++ b/components/ParsePOSPayment/index.tsx
@@ -214,7 +214,11 @@ function ParsePayment({ defaultWalletCurrency, walletId, dispatch, state }: Prop
           <DigitButton digit={"7"} dispatch={dispatch} />
           <DigitButton digit={"8"} dispatch={dispatch} />
           <DigitButton digit={"9"} dispatch={dispatch} />
-          <DigitButton digit={"."} dispatch={dispatch} />
+          <DigitButton
+            digit={"."}
+            dispatch={dispatch}
+            disabled={unit === AmountUnit.Sat}
+          />
           <DigitButton digit={"0"} dispatch={dispatch} />
           <button onClick={() => dispatch({ type: ACTIONS.DELETE_DIGIT })}>
             <Image
diff --git a/pages/_reducer.tsx b/pages/_reducer.tsx
index d65466e3..b859d1f0 100644
--- a/pages/_reducer.tsx
+++ b/pages/_reducer.tsx
@@ -41,6 +41,11 @@ function reducer(state: React.ComponentState, { type, payload }: ACTION_TYPE) {
     case ACTIONS.SET_AMOUNT_FROM_PARAMS:
       if (state.currentAmount == null) return state
       if (payload?.toString().match(/(\.[0-9]{2,}$|\..*\.)/)) {
+        if (payload?.toString() === "0.00")
+          return {
+            ...state,
+            currentAmount: "0",
+          }
         return {
           ...state,
           currentAmount: Number(payload).toFixed(2),