Improve display of dialog fields (#1819)

* Use outline and margin for dialog text field inputs

* Update frontend build

frontend/src/components/AddTwitterAccountDialog/AddTwitterAccountDialog.js

@@ -95,6 +95,8 @@ export default function AddTwitterAccountDialog({
       <TextField
         id="standard-textarea"
         label="Twitter Handle"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={twitterHandle}
@@ -112,6 +114,8 @@ export default function AddTwitterAccountDialog({
         <Select
           labelId="demo-simple-select-label"
           id="demo-simple-select"
+          variant="outlined"
+          margin="normal"
           value={profileId}
           onChange={handleChangeProfileId}
         >

frontend/src/components/CreateContactProfileDialog/CreateContactProfileDialog.js

@@ -77,11 +77,13 @@ export default function CreateContactProfileDialog({
       <TextField
         id="standard-textarea"
         label="Profile Name"
+        variant="outlined"
         required
         autoFocus
         value={profileName}
         onChange={handleChangeProfileName}
         fullWidth
+        margin="normal"
         inputProps={{ maxLength: 64 }}
       />
     );
@@ -93,6 +95,8 @@ export default function CreateContactProfileDialog({
         required
         id="standard-textarea"
         label="Address"
+        variant="outlined"
+        margin="normal"
         value={address}
         onChange={handleChangeAddress}
         inputProps={{ maxLength: 35 }}

frontend/src/components/CreateSigningProfileDialog/CreateSigningProfileDialog.js

@@ -65,6 +65,8 @@ export default function CreateSigningProfileDialog({
       <TextField
         id="standard-textarea"
         label="Profile Name"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={profileName}

frontend/src/components/ExportPrivateKeyDialog/ExportPrivateKeyDialog.js

@@ -46,6 +46,8 @@ export default function ExportPrivateKeyDialog({
       <TextField
         id="standard-textarea"
         label="private-key"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={privateKey}

frontend/src/components/ImportSigningProfileDialog/ImportSigningProfileDialog.js

@@ -71,6 +71,8 @@ export default function ImportSigningProfileDialog({
       <TextField
         id="standard-textarea"
         label="Profile Name"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={profileName}
@@ -86,6 +88,8 @@ export default function ImportSigningProfileDialog({
       <TextField
         id="standard-textarea"
         label="Private Key"
+        variant="outlined"
+        margin="normal"
         required
         value={privateKey}
         onChange={handleChangePrivateKey}

frontend/src/components/MakeSqueakDialog/MakeSqueakDialog.js

@@ -127,6 +127,8 @@ export default function MakeSqueakDialog({
         <Select
           labelId="demo-simple-select-label"
           id="demo-simple-select"
+          variant="outlined"
+          margin="normal"
           value={profileId}
           onChange={handleChange}
         >
@@ -142,6 +144,8 @@ export default function MakeSqueakDialog({
         id="standard-textarea"
         label="Squeak content"
         placeholder="Enter squeak content here..."
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={content}

frontend/src/components/OpenChannelDialog/OpenChannelDialog.js

@@ -76,6 +76,8 @@ export default function OpenChannelDialog({
       <TextField
         id="pubkey-textarea"
         label="Node Pub Key"
+        variant="outlined"
+        margin="normal"
         required
         value={pubkey}
         fullWidth
@@ -91,6 +93,8 @@ export default function OpenChannelDialog({
       <TextField
         id="amount-textarea"
         label="Local Funding Amount"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={amount}
@@ -106,6 +110,8 @@ export default function OpenChannelDialog({
       <TextField
         id="satperbyte-textarea"
         label="Sats Per Byte"
+        variant="outlined"
+        margin="normal"
         required
         value={satperbyte}
         onChange={handleChangeSatPerBytes}

frontend/src/components/ReceiveBitcoinDialog/ReceiveBitcoinDialog.js

@@ -49,6 +49,8 @@ export default function ReceiveBitcoinDialog({
       <TextField
         id="standard-textarea"
         label="Address"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={address}

frontend/src/components/RenameProfileDialog/RenameProfileDialog.js

@@ -64,6 +64,8 @@ export default function RenameProfileDialog({
       <TextField
         id="standard-textarea"
         label="Profile Name"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={profileName}

frontend/src/components/SendBitcoinDialog/SendBitcoinDialog.js

@@ -79,6 +79,8 @@ export default function SendBitcoinDialog({
       <TextField
         id="standard-textarea"
         label="Address"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={address}
@@ -93,8 +95,9 @@ export default function SendBitcoinDialog({
       <TextField
         id="standard-textarea"
         label="Amount"
+        variant="outlined"
+        margin="normal"
         required
-        autoFocus
         value={amount}
         onChange={handleChangeAmount}
         disabled={sendall}
@@ -108,8 +111,9 @@ export default function SendBitcoinDialog({
       <TextField
         id="standard-textarea"
         label="Satperbyte"
+        variant="outlined"
+        margin="normal"
         required
-        autoFocus
         value={satperbyte}
         onChange={handleChangeSatperbyte}
         fullWidth

frontend/src/components/SetBearerTokenDialog/SetBearerTokenDialog.js

@@ -64,6 +64,8 @@ export default function SetBearerTokenDialog({
       <TextField
         id="standard-textarea"
         label="Bearer Token"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={bearerToken}

frontend/src/components/SetSellPriceDialog/SetSellPriceDialog.js

@@ -108,6 +108,8 @@ export default function SetSellPriceDialog({
           required
           id="standard-required"
           label="Price (msats)"
+          variant="outlined"
+          margin="normal"
           type="number"
           defaultValue={0}
           onChange={handlePriceMsatChange}

frontend/src/components/UpdateProfileImageDialog/UpdateProfileImageDialog.js

@@ -110,6 +110,8 @@ export default function UpdateProfileImageDialog({
       <TextField
         id="standard-textarea"
         label="selected-file"
+        variant="outlined"
+        margin="normal"
         required
         autoFocus
         value={fileName}

squeaknode/admin/webapp/static/build/asset-manifest.json

@@ -1,7 +1,7 @@
 {
   "files": {
-    "main.js": "/static/js/main.0f188ff4.chunk.js",
-    "main.js.map": "/static/js/main.0f188ff4.chunk.js.map",
+    "main.js": "/static/js/main.e5440114.chunk.js",
+    "main.js.map": "/static/js/main.e5440114.chunk.js.map",
     "runtime-main.js": "/static/js/runtime-main.48a1d1b9.js",
     "runtime-main.js.map": "/static/js/runtime-main.48a1d1b9.js.map",
     "static/css/2.f68b60d4.chunk.css": "/static/css/2.f68b60d4.chunk.css",
@@ -18,6 +18,6 @@
     "static/js/runtime-main.48a1d1b9.js",
     "static/css/2.f68b60d4.chunk.css",
     "static/js/2.c9ba1d5d.chunk.js",
-    "static/js/main.0f188ff4.chunk.js"
+    "static/js/main.e5440114.chunk.js"
   ]
 }

squeaknode/admin/webapp/static/build/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>Squeaknode</title><meta name="description" content="Squeaknode is a frontend for accessing a squeak node"><meta name="keywords" content="squeak, bitcoin, lightning"><meta name="author" content="Flatlogic LLC."><link href="/static/css/2.f68b60d4.chunk.css" rel="stylesheet"></head><body style="font-family:Roboto,sans-serif"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,f,l=r[0],a=r[1],i=r[2],c=0,s=[];c<l.length;c++)f=l[c],Object.prototype.hasOwnProperty.call(o,f)&&o[f]&&s.push(o[f][0]),o[f]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var a=t[l];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=f(f.s=t[0]))}return e}var n={},o={1:0},u=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var l=this["webpackJsonpsqueak-node-frontend"]=this["webpackJsonpsqueak-node-frontend"]||[],a=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var p=a;t()}([])</script><script src="/static/js/2.c9ba1d5d.chunk.js"></script><script src="/static/js/main.0f188ff4.chunk.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>Squeaknode</title><meta name="description" content="Squeaknode is a frontend for accessing a squeak node"><meta name="keywords" content="squeak, bitcoin, lightning"><meta name="author" content="Flatlogic LLC."><link href="/static/css/2.f68b60d4.chunk.css" rel="stylesheet"></head><body style="font-family:Roboto,sans-serif"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,f,l=r[0],a=r[1],i=r[2],c=0,s=[];c<l.length;c++)f=l[c],Object.prototype.hasOwnProperty.call(o,f)&&o[f]&&s.push(o[f][0]),o[f]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var a=t[l];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=f(f.s=t[0]))}return e}var n={},o={1:0},u=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var l=this["webpackJsonpsqueak-node-frontend"]=this["webpackJsonpsqueak-node-frontend"]||[],a=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var p=a;t()}([])</script><script src="/static/js/2.c9ba1d5d.chunk.js"></script><script src="/static/js/main.e5440114.chunk.js"></script></body></html>