Merge pull request #49 from synonymdev/tweaks

Input fixes

Author: Jasonvdb

src/components/input-group/index.tsx

@@ -92,6 +92,7 @@ export default ({
 			<div className={'custom-input-container'}>
 				{type === 'number' ? (
 					<NumberFormat
+						inputMode='numeric'
 						className={'custom-input'}
 						thousandSeparator={' '}
 						id={id}

src/pages/public/configure/index.tsx

@@ -152,6 +152,10 @@ function ConfigurePage(): JSX.Element {
 				errors.localBalance = `Max spending balance is ${numberWithSpaces(
 					max_chan_spending
 				)} sats ($${max_chan_spending_usd})`;
+			} else if (Number(localBalance) + Number(remoteBalance) > product.max_channel_size) {
+				errors.localBalance = `Total channel capacity is ${numberWithSpaces(
+					product.max_channel_size
+				)} sats`;
 			} else if (Number(localBalance) < product.min_channel_size) {
 				// TODO remove this check if the min spending cap check is removed from API
 				errors.localBalance = `Minimum spending capacity is ${numberWithSpaces(