fix: disable input fields on Create Invoice #1659

Author: vaibhavgarg237

src/app/screens/Receive/index.tsx

@@ -213,39 +213,41 @@ function Receive() {
                   createInvoice();
                 }}
               >
-                <div className="mb-4">
-                  <DualCurrencyField
-                    id="amount"
-                    min={0}
-                    label={t("amount.label")}
-                    placeholder={t("amount.placeholder")}
-                    fiatValue={fiatAmount}
-                    onChange={handleChange}
-                    autoFocus
-                  />
-                </div>
-
-                <div className="mb-4">
-                  <TextField
-                    id="description"
-                    label={t("description.label")}
-                    placeholder={t("description.placeholder")}
-                    onChange={handleChange}
-                  />
-                </div>
+                <fieldset disabled={loading}>
+                  <div className="mb-4">
+                    <DualCurrencyField
+                      id="amount"
+                      min={0}
+                      label={t("amount.label")}
+                      placeholder={t("amount.placeholder")}
+                      fiatValue={fiatAmount}
+                      onChange={handleChange}
+                      autoFocus
+                    />
+                  </div>
 
-                <div className="text-center mb-4">
                   <div className="mb-4">
-                    <Button
-                      type="submit"
-                      label={t("actions.create_invoice")}
-                      fullWidth
-                      primary
-                      loading={loading}
-                      disabled={loading}
+                    <TextField
+                      id="description"
+                      label={t("description.label")}
+                      placeholder={t("description.placeholder")}
+                      onChange={handleChange}
                     />
                   </div>
-                </div>
+
+                  <div className="text-center mb-4">
+                    <div className="mb-4">
+                      <Button
+                        type="submit"
+                        label={t("actions.create_invoice")}
+                        fullWidth
+                        primary
+                        loading={loading}
+                        disabled={loading}
+                      />
+                    </div>
+                  </div>
+                </fieldset>
               </form>
             )}
           </div>