Use bitcoin icon for wallet in sidebar (#1832)

* Use bitcoin icon for wallet in sidebar

* Update frontend build
This commit is contained in:
Jonathan Zernik 2021-11-29 15:51:19 -08:00 committed by GitHub
parent ed9cf92ccc
commit 45a3610dec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 27 additions and 17 deletions

View file

@ -3,7 +3,6 @@ import { Drawer, IconButton, List } from '@material-ui/core';
import {
Home as HomeIcon,
People as ProfilesIcon,
AttachMoney as MoneyIcon,
ArrowBack as ArrowBackIcon,
CloudDownload as PeerIcon,
History as HistoryIcon,
@ -14,6 +13,9 @@ import { useTheme } from '@material-ui/styles';
import { withRouter } from 'react-router-dom';
import classNames from 'classnames';
import BitcoinIcon from '../../icons/BitcoinIcon';
// styles
import useStyles from './styles';
@ -27,6 +29,7 @@ import {
toggleSidebar,
} from '../../context/LayoutContext';
const structure = [
{
id: 0, label: 'Timeline', link: '/app/timeline', icon: <HomeIcon />,
@ -38,7 +41,7 @@ const structure = [
id: 2, label: 'Liked', link: '/app/liked', icon: <LikedIcon />,
},
{
id: 3, label: 'Wallet', link: '/app/wallet', icon: <MoneyIcon />,
id: 3, label: 'Wallet', link: '/app/wallet', icon: <BitcoinIcon />,
},
{
id: 4, label: 'Peers', link: '/app/peers', icon: <PeerIcon />,

View file

@ -0,0 +1,7 @@
export default function BitcoinIcon({
...props
}) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" data-v-4fa90e7f=""><path fill-rule="evenodd" d="M13.425 6.432c1.983.19 3.538.778 3.71 2.528.117 1.276-.438 2.035-1.355 2.463 1.481.359 2.382 1.202 2.196 3.072-.227 2.343-2.035 2.952-4.62 3.08l.004 2.42-1.522.002-.004-2.42c-.166-.002-.34 0-.519.003-.238.003-.484.006-.731-.001l.004 2.42-1.52.001-.004-2.42-3.044-.058.256-1.768s1.15.024 1.129.012c.423-.002.549-.293.58-.485l-.008-3.878.012-2.76c-.046-.288-.248-.634-.87-.644.033-.03-1.115.001-1.115.001L6 6.38l3.12-.005-.004-2.37 1.571-.002.004 2.37c.304-.008.603-.005.906-.003l.3.002-.005-2.37L13.422 4l.003 2.432zm-2.92 4.46l.076.002c.926.04 3.67.155 3.673-1.457-.004-1.532-2.339-1.482-3.423-1.46-.129.003-.24.006-.327.005v2.91zm.129 4.75l-.134-.005v-2.91c.097.002.218 0 .359-.002 1.282-.015 4.145-.05 4.132 1.494.014 1.597-3.218 1.468-4.357 1.423z" clip-rule="evenodd"></path></svg>
);
}

View file

@ -1,15 +1,15 @@
{
"files": {
"main.js": "/static/js/main.80518dea.chunk.js",
"main.js.map": "/static/js/main.80518dea.chunk.js.map",
"main.js": "/static/js/main.6e1fa1a6.chunk.js",
"main.js.map": "/static/js/main.6e1fa1a6.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",
"static/js/2.4b78e418.chunk.js": "/static/js/2.4b78e418.chunk.js",
"static/js/2.4b78e418.chunk.js.map": "/static/js/2.4b78e418.chunk.js.map",
"static/js/2.bd0ea6f0.chunk.js": "/static/js/2.bd0ea6f0.chunk.js",
"static/js/2.bd0ea6f0.chunk.js.map": "/static/js/2.bd0ea6f0.chunk.js.map",
"index.html": "/index.html",
"static/css/2.f68b60d4.chunk.css.map": "/static/css/2.f68b60d4.chunk.css.map",
"static/js/2.4b78e418.chunk.js.LICENSE.txt": "/static/js/2.4b78e418.chunk.js.LICENSE.txt",
"static/js/2.bd0ea6f0.chunk.js.LICENSE.txt": "/static/js/2.bd0ea6f0.chunk.js.LICENSE.txt",
"static/media/font-awesome.min.css": "/static/media/fontawesome-webfont.f691f37e.woff",
"static/media/google.a4fa9b6f.svg": "/static/media/google.a4fa9b6f.svg",
"static/media/logo.31df0ce8.svg": "/static/media/logo.31df0ce8.svg"
@ -17,7 +17,7 @@
"entrypoints": [
"static/js/runtime-main.48a1d1b9.js",
"static/css/2.f68b60d4.chunk.css",
"static/js/2.4b78e418.chunk.js",
"static/js/main.80518dea.chunk.js"
"static/js/2.bd0ea6f0.chunk.js",
"static/js/main.6e1fa1a6.chunk.js"
]
}

View file

@ -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.4b78e418.chunk.js"></script><script src="/static/js/main.80518dea.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.bd0ea6f0.chunk.js"></script><script src="/static/js/main.6e1fa1a6.chunk.js"></script></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long