diff --git a/frontend/src/components/Peer/index.js b/frontend/src/components/Peer/index.js index 31511849..35eddad9 100644 --- a/frontend/src/components/Peer/index.js +++ b/frontend/src/components/Peer/index.js @@ -313,7 +313,7 @@ const Peer = (props) => { -

'Delete Peer'

+

Delete Peer

diff --git a/frontend/src/components/Profile/index.js b/frontend/src/components/Profile/index.js index 0bfe9eed..88bc1bba 100644 --- a/frontend/src/components/Profile/index.js +++ b/frontend/src/components/Profile/index.js @@ -475,7 +475,7 @@ const Profile = (props) => {
-

'Edit Profile'

+

Edit Profile

@@ -488,11 +488,11 @@ const Profile = (props) => {
handleModalClick(e)} className="modal-content">
-
toggleEditModal()} className="modal-closeIcon-wrap"> +
toggleChangeImageModal()} className="modal-closeIcon-wrap">
-

'Change Profile Image'

+

Change Profile Image

@@ -512,7 +512,7 @@ const Profile = (props) => {
-

'Delete Profile'

+

Delete Profile

@@ -530,7 +530,7 @@ const Profile = (props) => {
-

'Export Private Key'

+

Export Private Key

diff --git a/squeaknode/admin/webapp/static/build/asset-manifest.json b/squeaknode/admin/webapp/static/build/asset-manifest.json index 65dad78c..8ca33812 100644 --- a/squeaknode/admin/webapp/static/build/asset-manifest.json +++ b/squeaknode/admin/webapp/static/build/asset-manifest.json @@ -3,21 +3,21 @@ "main.css": "/static/css/main.a68e0912.chunk.css", "main.js": "/static/js/main.c8d3c891.chunk.js", "main.js.map": "/static/js/main.c8d3c891.chunk.js.map", - "runtime-main.js": "/static/js/runtime-main.be412c48.js", - "runtime-main.js.map": "/static/js/runtime-main.be412c48.js.map", + "runtime-main.js": "/static/js/runtime-main.35bfaaf4.js", + "runtime-main.js.map": "/static/js/runtime-main.35bfaaf4.js.map", "static/js/2.60d4eb76.chunk.js": "/static/js/2.60d4eb76.chunk.js", "static/js/2.60d4eb76.chunk.js.map": "/static/js/2.60d4eb76.chunk.js.map", "static/css/3.1f6bb621.chunk.css": "/static/css/3.1f6bb621.chunk.css", "static/js/3.4c775684.chunk.js": "/static/js/3.4c775684.chunk.js", "static/js/3.4c775684.chunk.js.map": "/static/js/3.4c775684.chunk.js.map", "static/css/4.6512f3a3.chunk.css": "/static/css/4.6512f3a3.chunk.css", - "static/js/4.e66590da.chunk.js": "/static/js/4.e66590da.chunk.js", - "static/js/4.e66590da.chunk.js.map": "/static/js/4.e66590da.chunk.js.map", + "static/js/4.6ef1a808.chunk.js": "/static/js/4.6ef1a808.chunk.js", + "static/js/4.6ef1a808.chunk.js.map": "/static/js/4.6ef1a808.chunk.js.map", "static/css/5.3aaab79d.chunk.css": "/static/css/5.3aaab79d.chunk.css", - "static/js/5.045e278f.chunk.js": "/static/js/5.045e278f.chunk.js", - "static/js/5.045e278f.chunk.js.map": "/static/js/5.045e278f.chunk.js.map", + "static/js/5.a08de681.chunk.js": "/static/js/5.a08de681.chunk.js", + "static/js/5.a08de681.chunk.js.map": "/static/js/5.a08de681.chunk.js.map", "index.html": "/index.html", - "precache-manifest.309616ce4ffde04ae53d31781a58b4d1.js": "/precache-manifest.309616ce4ffde04ae53d31781a58b4d1.js", + "precache-manifest.ff4e87574a78761647230846a485c99c.js": "/precache-manifest.ff4e87574a78761647230846a485c99c.js", "service-worker.js": "/service-worker.js", "static/css/3.1f6bb621.chunk.css.map": "/static/css/3.1f6bb621.chunk.css.map", "static/css/4.6512f3a3.chunk.css.map": "/static/css/4.6512f3a3.chunk.css.map", @@ -27,7 +27,7 @@ "static/media/icon.a0c2d343.svg": "/static/media/icon.a0c2d343.svg" }, "entrypoints": [ - "static/js/runtime-main.be412c48.js", + "static/js/runtime-main.35bfaaf4.js", "static/js/2.60d4eb76.chunk.js", "static/css/main.a68e0912.chunk.css", "static/js/main.c8d3c891.chunk.js" diff --git a/squeaknode/admin/webapp/static/build/index.html b/squeaknode/admin/webapp/static/build/index.html index 28609957..8de00a2b 100644 --- a/squeaknode/admin/webapp/static/build/index.html +++ b/squeaknode/admin/webapp/static/build/index.html @@ -1 +1 @@ -Squeaknode
\ No newline at end of file +Squeaknode
\ No newline at end of file diff --git a/squeaknode/admin/webapp/static/build/precache-manifest.309616ce4ffde04ae53d31781a58b4d1.js b/squeaknode/admin/webapp/static/build/precache-manifest.ff4e87574a78761647230846a485c99c.js similarity index 70% rename from squeaknode/admin/webapp/static/build/precache-manifest.309616ce4ffde04ae53d31781a58b4d1.js rename to squeaknode/admin/webapp/static/build/precache-manifest.ff4e87574a78761647230846a485c99c.js index 57d52ae2..ed695219 100644 --- a/squeaknode/admin/webapp/static/build/precache-manifest.309616ce4ffde04ae53d31781a58b4d1.js +++ b/squeaknode/admin/webapp/static/build/precache-manifest.ff4e87574a78761647230846a485c99c.js @@ -1,6 +1,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ { - "revision": "b09f72c95757b4b4fadddccb74714de2", + "revision": "510a245c82329c91345fe6dff4ec35c7", "url": "/index.html" }, { @@ -8,11 +8,11 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/static/css/3.1f6bb621.chunk.css" }, { - "revision": "ab3485cc0addfda294cc", + "revision": "ec0a46d7e6dc34b1f53f", "url": "/static/css/4.6512f3a3.chunk.css" }, { - "revision": "930f5393313a9386c37f", + "revision": "0bcbb696bd227d032779", "url": "/static/css/5.3aaab79d.chunk.css" }, { @@ -32,20 +32,20 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/static/js/3.4c775684.chunk.js" }, { - "revision": "ab3485cc0addfda294cc", - "url": "/static/js/4.e66590da.chunk.js" + "revision": "ec0a46d7e6dc34b1f53f", + "url": "/static/js/4.6ef1a808.chunk.js" }, { - "revision": "930f5393313a9386c37f", - "url": "/static/js/5.045e278f.chunk.js" + "revision": "0bcbb696bd227d032779", + "url": "/static/js/5.a08de681.chunk.js" }, { "revision": "ab0f368dea12d25a0039", "url": "/static/js/main.c8d3c891.chunk.js" }, { - "revision": "189ff29074dbd141e7a7", - "url": "/static/js/runtime-main.be412c48.js" + "revision": "91b40683253465c795db", + "url": "/static/js/runtime-main.35bfaaf4.js" }, { "revision": "a0c2d343127a93b025409da6fd970700", diff --git a/squeaknode/admin/webapp/static/build/service-worker.js b/squeaknode/admin/webapp/static/build/service-worker.js index d57a1520..44f1a528 100644 --- a/squeaknode/admin/webapp/static/build/service-worker.js +++ b/squeaknode/admin/webapp/static/build/service-worker.js @@ -14,7 +14,7 @@ importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); importScripts( - "/precache-manifest.309616ce4ffde04ae53d31781a58b4d1.js" + "/precache-manifest.ff4e87574a78761647230846a485c99c.js" ); self.addEventListener('message', (event) => { diff --git a/squeaknode/admin/webapp/static/build/static/js/4.e66590da.chunk.js b/squeaknode/admin/webapp/static/build/static/js/4.6ef1a808.chunk.js similarity index 85% rename from squeaknode/admin/webapp/static/build/static/js/4.e66590da.chunk.js rename to squeaknode/admin/webapp/static/build/static/js/4.6ef1a808.chunk.js index f395871c..a1c25733 100644 --- a/squeaknode/admin/webapp/static/build/static/js/4.e66590da.chunk.js +++ b/squeaknode/admin/webapp/static/build/static/js/4.6ef1a808.chunk.js @@ -1,2 +1,2 @@ -(this["webpackJsonptwitter-frontend"]=this["webpackJsonptwitter-frontend"]||[]).push([[4],{141:function(e,a,t){},143:function(e,a,t){"use strict";t.r(a);var n=t(10),l=t(0),c=t.n(l),r=(t(141),t(18),t(16)),m=(t(14),t(19),t(41),t(42),t(7)),s=t(13),i=t(3),o=t(30);a.default=Object(r.h)((function(e){var a=Object(l.useState)(!1),t=Object(n.a)(a,2),r=(t[0],t[1],Object(l.useState)(!1)),d=Object(n.a)(r,2),u=d[0],p=d[1],E=Object(l.useState)(""),b=Object(n.a)(E,2),v=(b[0],b[1]),f=Object(l.useState)(""),N=Object(n.a)(f,2),k=(N[0],N[1],Object(l.useState)(!1)),h=Object(n.a)(k,2),O=h[0],g=h[1],j=Object(l.useState)(!1),w=Object(n.a)(j,2),y=w[0],S=w[1],P=Object(l.useState)(!1),C=Object(n.a)(P,2),I=C[0],T=C[1],q=Object(l.useState)(""),M=Object(n.a)(q,2),x=(M[0],M[1],Object(l.useState)(!1)),B=Object(n.a)(x,2),D=(B[0],B[1]),R=Object(l.useState)("Members"),A=Object(n.a)(R,2),V=(A[0],A[1],Object(l.useState)(!1)),z=Object(n.a)(V,2),J=(z[0],z[1],Object(l.useState)(!1)),H=Object(n.a)(J,2),L=H[0],W=H[1],F=Object(i.c)(o.d),G=Object(i.b)();Object(l.useEffect)((function(){window.scrollTo(0,0),G(Object(o.b)({network:e.match.params.network,host:e.match.params.host,port:e.match.params.port}))}),[]);var K=Object(l.useRef)(!0);Object(l.useEffect)((function(){K.current?K.current=!1:document.getElementsByTagName("body")[0].style.cssText=L&&"overflow-y: hidden; margin-right: 17px"}),[L]),Object(l.useEffect)((function(){return function(){return document.getElementsByTagName("body")[0].style.cssText=""}}),[]);var Q=function(){var e={peerId:F.getPeerId()};G(Object(o.f)(e)),Z()};var U=function(a){var t=a.values;G(Object(o.i)({name:t.name,host:e.match.params.host,port:e.match.params.port,network:e.match.params.network})),$()},X=function(e){var a=e.values;console.log("Calling editPeer with name:",a.name),alert("Rename peer not yet implemented!"),D(!0),Y()},Y=function(e,a){p(!1),W(!L),D(!1),v(F.getPeerName()),setTimeout((function(){g(!O)}),20)},Z=function(){p(!1),W(!L),D(!1),setTimeout((function(){S(!y)}),20)},$=function(e,a){p(!1),W(!L),setTimeout((function(){T(!I)}),20)},_=function(e){e.stopPropagation()},ee=function(){p(!u)},ae=function(){return c.a.createElement(s.b,{onSubmit:U,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"name",label:"Peer Name (not required)"})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"host",label:"Host",defaultValue:e.match.params.host,readOnly:!0,disabled:!0})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"port",type:"number",label:"Port",defaultValue:e.match.params.port,readOnly:!0,disabled:!0})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.a,{class:"informed-input",name:"useTor",label:"Connect With Tor: ",defaultValue:"TORV3"===e.match.params.network,disabled:!0})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))},te=function(){return c.a.createElement(s.b,{onSubmit:Q,className:"Squeak-input-side"},c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Delete"))))},ne=function(){return c.a.createElement(s.b,{onSubmit:X,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"name",label:"Peer Name"})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))};return c.a.createElement("div",null,c.a.createElement("div",{className:"profile-wrapper"},c.a.createElement("div",{className:"profile-header-wrapper"},c.a.createElement("div",{className:"profile-header-back"},c.a.createElement("div",{onClick:function(){return window.history.back()},className:"header-back-wrapper"},c.a.createElement(m.a,null))),c.a.createElement("div",{className:"profile-header-content"},c.a.createElement("div",{className:"profile-header-name"},e.match.params.host,":",e.match.params.port))),c.a.createElement("div",{className:"profile-details-wrapper"},c.a.createElement("div",{className:"profile-options"},F&&c.a.createElement("div",{id:"profileMoreMenu",onClick:ee,className:"Nav-link"},c.a.createElement("div",{className:"Nav-item-hover"},c.a.createElement(m.w,null)),c.a.createElement("div",{onClick:function(){return ee()},style:{display:u?"block":"none"},className:"more-menu-background"},c.a.createElement("div",{className:"more-modal-wrapper"},u?c.a.createElement("div",{style:{top:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().top-40,"px"),left:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().left,"px"),height:"210px"},onClick:function(e){return function(e){e.stopPropagation()}(e)},className:"more-menu-content"},c.a.createElement("div",{onClick:Z,className:"more-menu-item"},c.a.createElement("span",null,"Delete Peer")),c.a.createElement("div",{onClick:Y,className:"more-menu-item"},c.a.createElement("span",null,"Edit Peer"))):null))),F&&c.a.createElement("div",{onClick:function(e){return F.getAutoconnect()?function(e,a){e.stopPropagation();var t={peerId:F.getPeerId()};G(Object(o.g)(t))}(e,F.getPeerId()):function(e,a){e.stopPropagation(),console.log(a),console.log(F.getPeerId());var t={peerId:F.getPeerId()};G(Object(o.h)(t))}(e,F.getPeerId())},className:F.getAutoconnect()?"enable-btn-wrap disable-switch":"enable-btn-wrap"},c.a.createElement("span",null,c.a.createElement("span",null,F.getAutoconnect()?"Enabled":"Disabled")))),c.a.createElement("div",{className:"profile-details-box"},c.a.createElement("div",{className:"profile-name"},F&&F.getPeerName()),c.a.createElement("div",{className:"profile-username"},e.match.params.host,":",e.match.params.port)),c.a.createElement("div",{className:"profile-options"},!F&&c.a.createElement("div",{onClick:function(e){return $("edit")},className:"profiles-create-button"},c.a.createElement("span",null,"Add Saved Peer")))),c.a.createElement("div",{className:"feed-wrapper"},c.a.createElement("div",{className:"feed-trending-card"},c.a.createElement("div",{className:"feed-card-trend"},c.a.createElement("div",null,"Number of downloads"),c.a.createElement("div",null,"TODO")),c.a.createElement("div",{className:"feed-card-trend"},c.a.createElement("div",null,"Number of purchases"),c.a.createElement("div",null,"TODO")),c.a.createElement("div",{className:"feed-card-trend"},c.a.createElement("div",null,"Last connection time"),c.a.createElement("div",null,"TODO"))))),c.a.createElement("div",{onClick:function(){return Z()},style:{display:y?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return _(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return Z()},className:"modal-closeIcon-wrap"},c.a.createElement(m.d,null))),c.a.createElement("p",{className:"modal-title"},"'Delete Peer'")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(te,null)))),c.a.createElement("div",{onClick:function(){return $()},style:{display:I?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return _(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return $()},className:"modal-closeIcon-wrap"},c.a.createElement(m.d,null))),c.a.createElement("p",{className:"modal-title"},"Save Peer")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(ae,null)))),c.a.createElement("div",{onClick:function(){return Y()},style:{display:O?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return _(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return Y()},className:"modal-closeIcon-wrap"},c.a.createElement(m.d,null))),c.a.createElement("p",{className:"modal-title"},"Edit Peer")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(ne,null)))))}))}}]); -//# sourceMappingURL=4.e66590da.chunk.js.map \ No newline at end of file +(this["webpackJsonptwitter-frontend"]=this["webpackJsonptwitter-frontend"]||[]).push([[4],{141:function(e,a,t){},143:function(e,a,t){"use strict";t.r(a);var n=t(10),l=t(0),c=t.n(l),r=(t(141),t(18),t(16)),m=(t(14),t(19),t(41),t(42),t(7)),s=t(13),i=t(3),o=t(30);a.default=Object(r.h)((function(e){var a=Object(l.useState)(!1),t=Object(n.a)(a,2),r=(t[0],t[1],Object(l.useState)(!1)),d=Object(n.a)(r,2),u=d[0],p=d[1],E=Object(l.useState)(""),b=Object(n.a)(E,2),v=(b[0],b[1]),f=Object(l.useState)(""),N=Object(n.a)(f,2),k=(N[0],N[1],Object(l.useState)(!1)),h=Object(n.a)(k,2),O=h[0],g=h[1],j=Object(l.useState)(!1),w=Object(n.a)(j,2),y=w[0],S=w[1],P=Object(l.useState)(!1),C=Object(n.a)(P,2),I=C[0],T=C[1],q=Object(l.useState)(""),M=Object(n.a)(q,2),x=(M[0],M[1],Object(l.useState)(!1)),B=Object(n.a)(x,2),D=(B[0],B[1]),R=Object(l.useState)("Members"),A=Object(n.a)(R,2),V=(A[0],A[1],Object(l.useState)(!1)),z=Object(n.a)(V,2),J=(z[0],z[1],Object(l.useState)(!1)),H=Object(n.a)(J,2),L=H[0],W=H[1],F=Object(i.c)(o.d),G=Object(i.b)();Object(l.useEffect)((function(){window.scrollTo(0,0),G(Object(o.b)({network:e.match.params.network,host:e.match.params.host,port:e.match.params.port}))}),[]);var K=Object(l.useRef)(!0);Object(l.useEffect)((function(){K.current?K.current=!1:document.getElementsByTagName("body")[0].style.cssText=L&&"overflow-y: hidden; margin-right: 17px"}),[L]),Object(l.useEffect)((function(){return function(){return document.getElementsByTagName("body")[0].style.cssText=""}}),[]);var Q=function(){var e={peerId:F.getPeerId()};G(Object(o.f)(e)),Z()};var U=function(a){var t=a.values;G(Object(o.i)({name:t.name,host:e.match.params.host,port:e.match.params.port,network:e.match.params.network})),$()},X=function(e){var a=e.values;console.log("Calling editPeer with name:",a.name),alert("Rename peer not yet implemented!"),D(!0),Y()},Y=function(e,a){p(!1),W(!L),D(!1),v(F.getPeerName()),setTimeout((function(){g(!O)}),20)},Z=function(){p(!1),W(!L),D(!1),setTimeout((function(){S(!y)}),20)},$=function(e,a){p(!1),W(!L),setTimeout((function(){T(!I)}),20)},_=function(e){e.stopPropagation()},ee=function(){p(!u)},ae=function(){return c.a.createElement(s.b,{onSubmit:U,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"name",label:"Peer Name (not required)"})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"host",label:"Host",defaultValue:e.match.params.host,readOnly:!0,disabled:!0})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"port",type:"number",label:"Port",defaultValue:e.match.params.port,readOnly:!0,disabled:!0})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.a,{class:"informed-input",name:"useTor",label:"Connect With Tor: ",defaultValue:"TORV3"===e.match.params.network,disabled:!0})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))},te=function(){return c.a.createElement(s.b,{onSubmit:Q,className:"Squeak-input-side"},c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Delete"))))},ne=function(){return c.a.createElement(s.b,{onSubmit:X,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(s.c,{class:"informed-input",name:"name",label:"Peer Name"})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))};return c.a.createElement("div",null,c.a.createElement("div",{className:"profile-wrapper"},c.a.createElement("div",{className:"profile-header-wrapper"},c.a.createElement("div",{className:"profile-header-back"},c.a.createElement("div",{onClick:function(){return window.history.back()},className:"header-back-wrapper"},c.a.createElement(m.a,null))),c.a.createElement("div",{className:"profile-header-content"},c.a.createElement("div",{className:"profile-header-name"},e.match.params.host,":",e.match.params.port))),c.a.createElement("div",{className:"profile-details-wrapper"},c.a.createElement("div",{className:"profile-options"},F&&c.a.createElement("div",{id:"profileMoreMenu",onClick:ee,className:"Nav-link"},c.a.createElement("div",{className:"Nav-item-hover"},c.a.createElement(m.w,null)),c.a.createElement("div",{onClick:function(){return ee()},style:{display:u?"block":"none"},className:"more-menu-background"},c.a.createElement("div",{className:"more-modal-wrapper"},u?c.a.createElement("div",{style:{top:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().top-40,"px"),left:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().left,"px"),height:"210px"},onClick:function(e){return function(e){e.stopPropagation()}(e)},className:"more-menu-content"},c.a.createElement("div",{onClick:Z,className:"more-menu-item"},c.a.createElement("span",null,"Delete Peer")),c.a.createElement("div",{onClick:Y,className:"more-menu-item"},c.a.createElement("span",null,"Edit Peer"))):null))),F&&c.a.createElement("div",{onClick:function(e){return F.getAutoconnect()?function(e,a){e.stopPropagation();var t={peerId:F.getPeerId()};G(Object(o.g)(t))}(e,F.getPeerId()):function(e,a){e.stopPropagation(),console.log(a),console.log(F.getPeerId());var t={peerId:F.getPeerId()};G(Object(o.h)(t))}(e,F.getPeerId())},className:F.getAutoconnect()?"enable-btn-wrap disable-switch":"enable-btn-wrap"},c.a.createElement("span",null,c.a.createElement("span",null,F.getAutoconnect()?"Enabled":"Disabled")))),c.a.createElement("div",{className:"profile-details-box"},c.a.createElement("div",{className:"profile-name"},F&&F.getPeerName()),c.a.createElement("div",{className:"profile-username"},e.match.params.host,":",e.match.params.port)),c.a.createElement("div",{className:"profile-options"},!F&&c.a.createElement("div",{onClick:function(e){return $("edit")},className:"profiles-create-button"},c.a.createElement("span",null,"Add Saved Peer")))),c.a.createElement("div",{className:"feed-wrapper"},c.a.createElement("div",{className:"feed-trending-card"},c.a.createElement("div",{className:"feed-card-trend"},c.a.createElement("div",null,"Number of downloads"),c.a.createElement("div",null,"TODO")),c.a.createElement("div",{className:"feed-card-trend"},c.a.createElement("div",null,"Number of purchases"),c.a.createElement("div",null,"TODO")),c.a.createElement("div",{className:"feed-card-trend"},c.a.createElement("div",null,"Last connection time"),c.a.createElement("div",null,"TODO"))))),c.a.createElement("div",{onClick:function(){return Z()},style:{display:y?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return _(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return Z()},className:"modal-closeIcon-wrap"},c.a.createElement(m.d,null))),c.a.createElement("p",{className:"modal-title"},"Delete Peer")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(te,null)))),c.a.createElement("div",{onClick:function(){return $()},style:{display:I?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return _(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return $()},className:"modal-closeIcon-wrap"},c.a.createElement(m.d,null))),c.a.createElement("p",{className:"modal-title"},"Save Peer")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(ae,null)))),c.a.createElement("div",{onClick:function(){return Y()},style:{display:O?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return _(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return Y()},className:"modal-closeIcon-wrap"},c.a.createElement(m.d,null))),c.a.createElement("p",{className:"modal-title"},"Edit Peer")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(ne,null)))))}))}}]); +//# sourceMappingURL=4.6ef1a808.chunk.js.map \ No newline at end of file diff --git a/squeaknode/admin/webapp/static/build/static/js/4.e66590da.chunk.js.map b/squeaknode/admin/webapp/static/build/static/js/4.6ef1a808.chunk.js.map similarity index 91% rename from squeaknode/admin/webapp/static/build/static/js/4.e66590da.chunk.js.map rename to squeaknode/admin/webapp/static/build/static/js/4.6ef1a808.chunk.js.map index 2f9bd500..b824cd3a 100644 --- a/squeaknode/admin/webapp/static/build/static/js/4.e66590da.chunk.js.map +++ b/squeaknode/admin/webapp/static/build/static/js/4.6ef1a808.chunk.js.map @@ -1 +1 @@ -{"version":3,"sources":["components/Peer/index.js"],"names":["withRouter","props","useState","moreMenu","setMoreMenu","setName","editModalOpen","setEditModalOpen","deleteModalOpen","setDeleteModalOpen","savePeerModalOpen","setSavePeerModalOpen","setSaved","styleBody","setStyleBody","peer","useSelector","selectCurrentPeer","dispatch","useDispatch","useEffect","window","scrollTo","fetchPeer","network","match","params","host","port","isInitialMount","useRef","current","document","getElementsByTagName","style","cssText","deletePeer","values","peerId","getPeerId","setDeletePeer","toggleDeleteModal","savePeer","setSavePeer","name","toggleSavePeerModal","editPeer","console","log","alert","toggleEditModal","param","type","getPeerName","setTimeout","handleModalClick","e","stopPropagation","openMore","AddPeerForm","onSubmit","className","class","label","defaultValue","readOnly","disabled","fontSize","color","DeletePeerForm","EditPeerForm","onClick","history","back","id","display","top","getElementById","getBoundingClientRect","left","height","handleMenuClick","getAutoconnect","setPeerAutoconnectDisabled","disable","setPeerAutoconnectEnabled","enable"],"mappings":"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","file":"static/js/4.e66590da.chunk.js","sourcesContent":["import React , { useEffect, useState, useContext, useRef } from 'react'\r\nimport './style.scss'\r\nimport moment from 'moment'\r\nimport { withRouter, Link } from 'react-router-dom'\r\nimport Loader from '../Loader'\r\nimport SqueakCard from '../SqueakCard'\r\nimport {API_URL} from '../../config'\r\nimport axios from 'axios'\r\nimport {ICON_ARROWBACK, ICON_UPLOAD, ICON_CLOSE,ICON_SEARCH, ICON_SETTINGS } from '../../Icons'\r\n\r\nimport { Form, Input, Select, Checkbox, Relevant, Debug, TextArea, Option } from 'informed';\r\n\r\nimport { unwrapResult } from '@reduxjs/toolkit'\r\nimport { useSelector } from 'react-redux'\r\nimport { useDispatch } from 'react-redux'\r\n\r\nimport {\r\n fetchPeer,\r\n selectCurrentPeer,\r\n selectCurrentPeerStatus,\r\n setSavePeer,\r\n setDeletePeer,\r\n setPeerAutoconnectEnabled,\r\n setPeerAutoconnectDisabled,\r\n} from '../../features/peers/peersSlice'\r\n\r\n\r\nconst Peer = (props) => {\r\n\r\n const [modalOpen, setModalOpen] = useState(false)\r\n const [moreMenu, setMoreMenu] = useState(false)\r\n const [editName, setName] = useState('')\r\n const [editDescription, setDescription] = useState('')\r\n const [editModalOpen, setEditModalOpen] = useState(false)\r\n const [deleteModalOpen, setDeleteModalOpen] = useState(false)\r\n const [savePeerModalOpen, setSavePeerModalOpen] = useState(false)\r\n const [banner, setBanner] = useState('')\r\n const [saved, setSaved] = useState(false)\r\n const [tab, setTab] = useState('Members')\r\n const [bannerLoading, setBannerLoading] = useState(false)\r\n const [styleBody, setStyleBody] = useState(false)\r\n\r\n const peer = useSelector(selectCurrentPeer);\r\n const dispatch = useDispatch();\r\n\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0)\r\n dispatch(fetchPeer({\r\n network: props.match.params.network,\r\n host: props.match.params.host,\r\n port: props.match.params.port,\r\n }));\r\n }, [])\r\n\r\n const isInitialMount = useRef(true);\r\n useEffect(() => {\r\n if (isInitialMount.current){ isInitialMount.current = false }\r\n else {\r\n document.getElementsByTagName(\"body\")[0].style.cssText = styleBody && \"overflow-y: hidden; margin-right: 17px\"\r\n }\r\n }, [styleBody])\r\n\r\n useEffect( () => () => document.getElementsByTagName(\"body\")[0].style.cssText = \"\", [] )\r\n\r\n\r\n const deletePeer = () => {\r\n let values = {\r\n peerId: peer.getPeerId(),\r\n }\r\n dispatch(setDeletePeer(values));\r\n toggleDeleteModal();\r\n }\r\n\r\n function removeHttp(url) {\r\n return url.replace(/^https?:\\/\\//, '');\r\n }\r\n\r\n const savePeer = ({values}) => {\r\n dispatch(setSavePeer({\r\n name: values.name,\r\n host: props.match.params.host,\r\n port: props.match.params.port,\r\n network: props.match.params.network,\r\n }));\r\n toggleSavePeerModal();\r\n }\r\n\r\n const enable = (e,id) => {\r\n e.stopPropagation()\r\n console.log(id);\r\n console.log(peer.getPeerId());\r\n let values = {\r\n peerId: peer.getPeerId(),\r\n }\r\n\r\n dispatch(setPeerAutoconnectEnabled(values));\r\n }\r\n\r\n const disable = (e,id) => {\r\n e.stopPropagation()\r\n let values = {\r\n peerId: peer.getPeerId(),\r\n }\r\n dispatch(setPeerAutoconnectDisabled(values));\r\n }\r\n\r\n const editPeer = ({values}) => {\r\n console.log('Calling editPeer with name:', values.name);\r\n // TODO: call rename action.\r\n alert('Rename peer not yet implemented!');\r\n // dispatch(setRenameProfile({\r\n // peerId: user.getPeerId(),\r\n // profileName: editName,\r\n // }));\r\n // TODO: chain action to update profile squeaks with the new name.\r\n setSaved(true)\r\n toggleEditModal()\r\n }\r\n\r\n const toggleEditModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setSaved(false)\r\n setName(peer.getPeerName())\r\n setTimeout(()=>{ setEditModalOpen(!editModalOpen) },20)\r\n }\r\n\r\n\r\n const toggleDeleteModal = () => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setSaved(false)\r\n setTimeout(()=>{ setDeleteModalOpen(!deleteModalOpen) },20)\r\n }\r\n\r\n const toggleSavePeerModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setSavePeerModalOpen(!savePeerModalOpen) },20)\r\n }\r\n\r\n const handleModalClick = (e) => {\r\n e.stopPropagation()\r\n }\r\n\r\n const openMore = () => { setMoreMenu(!moreMenu) }\r\n\r\n const handleMenuClick = (e) => { e.stopPropagation() }\r\n\r\n const AddPeerForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const DeletePeerForm = () => (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const EditPeerForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n return(\r\n
\r\n\r\n
\r\n
\r\n
\r\n
window.history.back()} className=\"header-back-wrapper\">\r\n \r\n
\r\n
\r\n
\r\n
\r\n {props.match.params.host}:{props.match.params.port}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {peer &&\r\n
\r\n
\r\n \r\n
\r\n
openMore()} style={{display: moreMenu ? 'block' : 'none'}} className=\"more-menu-background\">\r\n
\r\n {moreMenu ?\r\n
handleMenuClick(e)} className=\"more-menu-content\">\r\n
\r\n Delete Peer\r\n
\r\n
\r\n Edit Peer\r\n
\r\n
: null }\r\n
\r\n
\r\n
\r\n }\r\n\r\n {peer &&\r\n
\r\n peer.getAutoconnect() ?\r\n disable(e,peer.getPeerId()) :\r\n enable(e,peer.getPeerId())\r\n }\r\n className={peer.getAutoconnect() ? 'enable-btn-wrap disable-switch' : 'enable-btn-wrap'}>\r\n { peer.getAutoconnect() ? 'Enabled' : 'Disabled'}\r\n
\r\n }\r\n
\r\n\r\n
\r\n
{peer && peer.getPeerName()}
\r\n
{props.match.params.host}:{props.match.params.port}
\r\n
\r\n\r\n
\r\n {!peer &&\r\n
toggleSavePeerModal('edit')}\r\n className='profiles-create-button'>\r\n Add Saved Peer\r\n
\r\n }\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Number of downloads
\r\n
TODO
\r\n
\r\n
\r\n
Number of purchases
\r\n
TODO
\r\n
\r\n
\r\n
Last connection time
\r\n
TODO
\r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n\r\n {/* Modal for delete peer */}\r\n
toggleDeleteModal()} style={{display: deleteModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleDeleteModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

'Delete Peer'

\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n {/* Modal for create save peer */}\r\n
toggleSavePeerModal()} style={{display: savePeerModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleSavePeerModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Save Peer

\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n {/* Modal for edit profile */}\r\n
toggleEditModal()} style={{display: editModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleEditModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Edit Peer

\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n )\r\n }\r\n\r\n export default withRouter(Peer)\r\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["components/Peer/index.js"],"names":["withRouter","props","useState","moreMenu","setMoreMenu","setName","editModalOpen","setEditModalOpen","deleteModalOpen","setDeleteModalOpen","savePeerModalOpen","setSavePeerModalOpen","setSaved","styleBody","setStyleBody","peer","useSelector","selectCurrentPeer","dispatch","useDispatch","useEffect","window","scrollTo","fetchPeer","network","match","params","host","port","isInitialMount","useRef","current","document","getElementsByTagName","style","cssText","deletePeer","values","peerId","getPeerId","setDeletePeer","toggleDeleteModal","savePeer","setSavePeer","name","toggleSavePeerModal","editPeer","console","log","alert","toggleEditModal","param","type","getPeerName","setTimeout","handleModalClick","e","stopPropagation","openMore","AddPeerForm","onSubmit","className","class","label","defaultValue","readOnly","disabled","fontSize","color","DeletePeerForm","EditPeerForm","onClick","history","back","id","display","top","getElementById","getBoundingClientRect","left","height","handleMenuClick","getAutoconnect","setPeerAutoconnectDisabled","disable","setPeerAutoconnectEnabled","enable"],"mappings":"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","file":"static/js/4.6ef1a808.chunk.js","sourcesContent":["import React , { useEffect, useState, useContext, useRef } from 'react'\r\nimport './style.scss'\r\nimport moment from 'moment'\r\nimport { withRouter, Link } from 'react-router-dom'\r\nimport Loader from '../Loader'\r\nimport SqueakCard from '../SqueakCard'\r\nimport {API_URL} from '../../config'\r\nimport axios from 'axios'\r\nimport {ICON_ARROWBACK, ICON_UPLOAD, ICON_CLOSE,ICON_SEARCH, ICON_SETTINGS } from '../../Icons'\r\n\r\nimport { Form, Input, Select, Checkbox, Relevant, Debug, TextArea, Option } from 'informed';\r\n\r\nimport { unwrapResult } from '@reduxjs/toolkit'\r\nimport { useSelector } from 'react-redux'\r\nimport { useDispatch } from 'react-redux'\r\n\r\nimport {\r\n fetchPeer,\r\n selectCurrentPeer,\r\n selectCurrentPeerStatus,\r\n setSavePeer,\r\n setDeletePeer,\r\n setPeerAutoconnectEnabled,\r\n setPeerAutoconnectDisabled,\r\n} from '../../features/peers/peersSlice'\r\n\r\n\r\nconst Peer = (props) => {\r\n\r\n const [modalOpen, setModalOpen] = useState(false)\r\n const [moreMenu, setMoreMenu] = useState(false)\r\n const [editName, setName] = useState('')\r\n const [editDescription, setDescription] = useState('')\r\n const [editModalOpen, setEditModalOpen] = useState(false)\r\n const [deleteModalOpen, setDeleteModalOpen] = useState(false)\r\n const [savePeerModalOpen, setSavePeerModalOpen] = useState(false)\r\n const [banner, setBanner] = useState('')\r\n const [saved, setSaved] = useState(false)\r\n const [tab, setTab] = useState('Members')\r\n const [bannerLoading, setBannerLoading] = useState(false)\r\n const [styleBody, setStyleBody] = useState(false)\r\n\r\n const peer = useSelector(selectCurrentPeer);\r\n const dispatch = useDispatch();\r\n\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0)\r\n dispatch(fetchPeer({\r\n network: props.match.params.network,\r\n host: props.match.params.host,\r\n port: props.match.params.port,\r\n }));\r\n }, [])\r\n\r\n const isInitialMount = useRef(true);\r\n useEffect(() => {\r\n if (isInitialMount.current){ isInitialMount.current = false }\r\n else {\r\n document.getElementsByTagName(\"body\")[0].style.cssText = styleBody && \"overflow-y: hidden; margin-right: 17px\"\r\n }\r\n }, [styleBody])\r\n\r\n useEffect( () => () => document.getElementsByTagName(\"body\")[0].style.cssText = \"\", [] )\r\n\r\n\r\n const deletePeer = () => {\r\n let values = {\r\n peerId: peer.getPeerId(),\r\n }\r\n dispatch(setDeletePeer(values));\r\n toggleDeleteModal();\r\n }\r\n\r\n function removeHttp(url) {\r\n return url.replace(/^https?:\\/\\//, '');\r\n }\r\n\r\n const savePeer = ({values}) => {\r\n dispatch(setSavePeer({\r\n name: values.name,\r\n host: props.match.params.host,\r\n port: props.match.params.port,\r\n network: props.match.params.network,\r\n }));\r\n toggleSavePeerModal();\r\n }\r\n\r\n const enable = (e,id) => {\r\n e.stopPropagation()\r\n console.log(id);\r\n console.log(peer.getPeerId());\r\n let values = {\r\n peerId: peer.getPeerId(),\r\n }\r\n\r\n dispatch(setPeerAutoconnectEnabled(values));\r\n }\r\n\r\n const disable = (e,id) => {\r\n e.stopPropagation()\r\n let values = {\r\n peerId: peer.getPeerId(),\r\n }\r\n dispatch(setPeerAutoconnectDisabled(values));\r\n }\r\n\r\n const editPeer = ({values}) => {\r\n console.log('Calling editPeer with name:', values.name);\r\n // TODO: call rename action.\r\n alert('Rename peer not yet implemented!');\r\n // dispatch(setRenameProfile({\r\n // peerId: user.getPeerId(),\r\n // profileName: editName,\r\n // }));\r\n // TODO: chain action to update profile squeaks with the new name.\r\n setSaved(true)\r\n toggleEditModal()\r\n }\r\n\r\n const toggleEditModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setSaved(false)\r\n setName(peer.getPeerName())\r\n setTimeout(()=>{ setEditModalOpen(!editModalOpen) },20)\r\n }\r\n\r\n\r\n const toggleDeleteModal = () => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setSaved(false)\r\n setTimeout(()=>{ setDeleteModalOpen(!deleteModalOpen) },20)\r\n }\r\n\r\n const toggleSavePeerModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setSavePeerModalOpen(!savePeerModalOpen) },20)\r\n }\r\n\r\n const handleModalClick = (e) => {\r\n e.stopPropagation()\r\n }\r\n\r\n const openMore = () => { setMoreMenu(!moreMenu) }\r\n\r\n const handleMenuClick = (e) => { e.stopPropagation() }\r\n\r\n const AddPeerForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const DeletePeerForm = () => (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const EditPeerForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n return(\r\n
\r\n\r\n
\r\n
\r\n
\r\n
window.history.back()} className=\"header-back-wrapper\">\r\n \r\n
\r\n
\r\n
\r\n
\r\n {props.match.params.host}:{props.match.params.port}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {peer &&\r\n
\r\n
\r\n \r\n
\r\n
openMore()} style={{display: moreMenu ? 'block' : 'none'}} className=\"more-menu-background\">\r\n
\r\n {moreMenu ?\r\n
handleMenuClick(e)} className=\"more-menu-content\">\r\n
\r\n Delete Peer\r\n
\r\n
\r\n Edit Peer\r\n
\r\n
: null }\r\n
\r\n
\r\n
\r\n }\r\n\r\n {peer &&\r\n
\r\n peer.getAutoconnect() ?\r\n disable(e,peer.getPeerId()) :\r\n enable(e,peer.getPeerId())\r\n }\r\n className={peer.getAutoconnect() ? 'enable-btn-wrap disable-switch' : 'enable-btn-wrap'}>\r\n { peer.getAutoconnect() ? 'Enabled' : 'Disabled'}\r\n
\r\n }\r\n
\r\n\r\n
\r\n
{peer && peer.getPeerName()}
\r\n
{props.match.params.host}:{props.match.params.port}
\r\n
\r\n\r\n
\r\n {!peer &&\r\n
toggleSavePeerModal('edit')}\r\n className='profiles-create-button'>\r\n Add Saved Peer\r\n
\r\n }\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Number of downloads
\r\n
TODO
\r\n
\r\n
\r\n
Number of purchases
\r\n
TODO
\r\n
\r\n
\r\n
Last connection time
\r\n
TODO
\r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n\r\n {/* Modal for delete peer */}\r\n
toggleDeleteModal()} style={{display: deleteModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleDeleteModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Delete Peer

\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n {/* Modal for create save peer */}\r\n
toggleSavePeerModal()} style={{display: savePeerModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleSavePeerModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Save Peer

\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n {/* Modal for edit profile */}\r\n
toggleEditModal()} style={{display: editModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleEditModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Edit Peer

\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n )\r\n }\r\n\r\n export default withRouter(Peer)\r\n"],"sourceRoot":""} \ No newline at end of file diff --git a/squeaknode/admin/webapp/static/build/static/js/5.045e278f.chunk.js b/squeaknode/admin/webapp/static/build/static/js/5.a08de681.chunk.js similarity index 75% rename from squeaknode/admin/webapp/static/build/static/js/5.045e278f.chunk.js rename to squeaknode/admin/webapp/static/build/static/js/5.a08de681.chunk.js index eb3ee00d..fb9f48a3 100644 --- a/squeaknode/admin/webapp/static/build/static/js/5.045e278f.chunk.js +++ b/squeaknode/admin/webapp/static/build/static/js/5.a08de681.chunk.js @@ -1,2 +1,2 @@ -(this["webpackJsonptwitter-frontend"]=this["webpackJsonptwitter-frontend"]||[]).push([[5],{140:function(e,a,t){},142:function(e,a,t){"use strict";t.r(a);var n=t(10),l=t(0),c=t.n(l),i=(t(140),t(7)),r=t(16),s=t(20),m=t(14),o=(t(18),t(19)),u=(t(41),t(13)),d=t(5),p=t(3),E=t(15),f=t(11);a.default=Object(r.h)((function(e){var a=Object(l.useState)("Squeaks"),t=Object(n.a)(a,2),r=t[0],v=t[1],b=Object(l.useState)(!1),N=Object(n.a)(b,2),k=N[0],y=N[1],g=Object(l.useState)(""),S=Object(n.a)(g,2),h=S[0],O=S[1],j=Object(l.useState)(!1),C=Object(n.a)(j,2),q=C[0],w=C[1],I=Object(l.useState)(!1),P=Object(n.a)(I,2),x=P[0],T=P[1],M=Object(l.useState)(!1),B=Object(n.a)(M,2),R=B[0],L=B[1],F=Object(l.useState)(!1),H=Object(n.a)(F,2),A=H[0],D=H[1],K=Object(l.useState)(!1),z=Object(n.a)(K,2),J=z[0],V=z[1],U=Object(l.useState)(!1),G=Object(n.a)(U,2),Q=G[0],W=G[1],X=Object(l.useState)("Sats Spent"),Y=Object(n.a)(X,2),Z=Y[0],$=Y[1],_=Object(l.useState)(!1),ee=Object(n.a)(_,2),ae=ee[0],te=ee[1],ne=e.match.params.username,le=Object(p.c)(f.v),ce=Object(p.c)(f.r),ie=Object(p.c)(f.w),re=Object(p.c)(E.j),se=Object(p.b)();Object(l.useEffect)((function(){window.scrollTo(0,0),se(Object(E.e)(e.match.params.username)),Oe(),w(!1)}),[e.match.params.username]);var me=Object(l.useRef)(!0);Object(l.useEffect)((function(){me.current?me.current=!1:document.getElementsByTagName("body")[0].style.cssText=ae&&"overflow-y: hidden; margin-right: 17px"}),[ae]),Object(l.useEffect)((function(){return function(){return document.getElementsByTagName("body")[0].style.cssText=""}}),[]);var oe=function(e){v(e)},ue=function(e){var a=e.values;se(Object(E.t)({profileId:re.getProfileId(),profileName:a.name})),fe()},de=function(){var e={profileId:re.getProfileId()};console.log("Delete user here"),se(Object(E.p)(e)),be()},pe=function(){se(Object(E.g)({profileId:re.getProfileId()})).then(d.d).then((function(e){console.log(e),O(e)}))},Ee=function(a){var t=a.values;se(Object(E.n)({pubkey:ne,profileName:t.name})).then((function(){se(Object(E.e)(e.match.params.username))})),ye()},fe=function(e,a){y(!1),te(!ae),setTimeout((function(){w(!q)}),20)},ve=function(e,a){y(!1),te(!ae),setTimeout((function(){T(!x)}),20)},be=function(){y(!1),te(!ae),setTimeout((function(){L(!R)}),20)},Ne=function(){y(!1),te(!ae),setTimeout((function(){D(!A)}),20)},ke=function(e,a){te(!ae),a&&$(a),a&&$(a),setTimeout((function(){V(!J)}),20)},ye=function(e,a){te(!ae),setTimeout((function(){W(!Q)}),20)},ge=function(e){e.stopPropagation()},Se=function(e){if(null!=e){var a=new FileReader;a.addEventListener("load",(function(){var e=a.result.split(",")[1];he(e)}),!1),e&&a.readAsDataURL(e)}},he=function(e){se(Object(E.s)({profileId:re.getProfileId(),imageBase64:e}))},Oe=function(){se(Object(f.a)()),se(Object(f.f)({profilePubkey:e.match.params.username,limit:10,lastSqueak:null}))},je=function(){y(!k)},Ce=function(){return c.a.createElement(u.b,{onSubmit:Ee,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"name",label:"Profile Name",placeholder:"Satoshi"})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"pubkey",label:"Public Key",defaultValue:ne,readOnly:!0,disabled:!0})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))},qe=function(){return c.a.createElement(u.b,{onSubmit:ue,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"name",label:"Profile Name",placeholder:"Satoshi"})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))},we=function(){return c.a.createElement(u.b,{onSubmit:Se,className:"Squeak-input-side"},c.a.createElement("div",{className:"modal-profile-pic"},c.a.createElement("div",{className:"modal-back-pic"},c.a.createElement("img",{src:re?"".concat(Object(s.a)(re)):null,alt:"profile"}),c.a.createElement("div",null,c.a.createElement(i.y,null),c.a.createElement("input",{onChange:function(){return function(){var e=document.getElementById("avatar").files[0];Se(e),ve()}()},title:" ",id:"avatar",style:{opacity:"0"},type:"file"})))))},Ie=function(){return c.a.createElement(u.b,{onSubmit:de,className:"Squeak-input-side"},c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Delete"))))},Pe=function(){return c.a.createElement(u.b,{onSubmit:pe,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"privateKey",label:"Display Private Key",initialValue:h,readOnly:!0})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Export"))))};return c.a.createElement("div",null,c.a.createElement("div",null,c.a.createElement("div",{className:"profile-wrapper"},c.a.createElement("div",{className:"profile-header-wrapper"},c.a.createElement("div",{className:"profile-header-back"},c.a.createElement("div",{onClick:function(){return window.history.back()},className:"header-back-wrapper"},c.a.createElement(i.a,null))),c.a.createElement("div",{className:"profile-header-content"},c.a.createElement("div",{className:"profile-header-name"},ne))),c.a.createElement("div",{className:"profile-banner-wrapper"},c.a.createElement("img",{alt:""})),c.a.createElement("div",{className:"profile-details-wrapper"},c.a.createElement("div",{className:"profile-options"},c.a.createElement("div",{className:"profile-image-wrapper"},c.a.createElement("img",{src:re?"".concat(Object(s.a)(re)):null,alt:""})),re&&c.a.createElement("div",{id:"profileMoreMenu",onClick:je,className:"Nav-link"},c.a.createElement("div",{className:"Nav-item-hover"},c.a.createElement(i.w,null)),c.a.createElement("div",{onClick:function(){return je()},style:{display:k?"block":"none"},className:"more-menu-background"},c.a.createElement("div",{className:"more-modal-wrapper"},k?c.a.createElement("div",{style:{top:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().top-40,"px"),left:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().left,"px"),height:"210px"},onClick:function(e){return function(e){e.stopPropagation()}(e)},className:"more-menu-content"},c.a.createElement("div",{onClick:fe,className:"more-menu-item"},c.a.createElement("span",null,"Edit Profile")),c.a.createElement("div",{onClick:ve,className:"more-menu-item"},c.a.createElement("span",null,"Change Image")),re.getHasPrivateKey()&&c.a.createElement("div",{onClick:Ne,className:"more-menu-item"},c.a.createElement("span",null,"Export Private Key")),c.a.createElement("div",{onClick:be,className:"more-menu-item"},c.a.createElement("span",null,"Delete Profile"))):null))),re&&c.a.createElement("div",{onClick:function(e){return re.getFollowing()?function(e,a){console.log(e),e.stopPropagation(),se(Object(E.u)(a))}(e,re.getProfileId()):function(e,a){e.stopPropagation(),se(Object(E.q)(a))}(e,re.getProfileId())},className:re.getFollowing()?"unfollow-switch profile-edit-button":"profile-edit-button"},c.a.createElement("span",null,c.a.createElement("span",null,re.getFollowing()?"Following":"Follow"))),!re&&c.a.createElement("div",{onClick:function(e){return ye("create")},className:"profiles-create-button"},c.a.createElement("span",null,"Add Contact Profile"))),c.a.createElement("div",{className:"profile-details-box"},c.a.createElement("div",{className:"profile-name"},re?re.getProfileName():""),c.a.createElement("div",{className:"profile-username"},"@",ne),c.a.createElement("div",{className:"profile-info-box"},"\xa0")),c.a.createElement("div",{className:"profile-social-box"},c.a.createElement("div",{onClick:function(){return ke(0,"Sats Spent")}},c.a.createElement("p",{className:"follow-num"}," 0 "),c.a.createElement("p",{className:"follow-text"}," sats spent ")),c.a.createElement("div",{onClick:function(){return ke(0,"Sats Earned")}},c.a.createElement("p",{className:"follow-num"}," 0 "),c.a.createElement("p",{className:"follow-text"}," sats earned ")))),c.a.createElement("div",{className:"profile-nav-menu"},c.a.createElement("div",{key:"squeaks",onClick:function(){return oe("Squeaks")},className:"Squeaks"===r?"profile-nav-item activeTab":"profile-nav-item"},"Squeaks"),c.a.createElement("div",{key:"replies",onClick:function(){return oe("Squeaks&Replies")},className:"Squeaks&Replies"===r?"profile-nav-item activeTab":"profile-nav-item"},"Squeaks & replies"),c.a.createElement("div",{key:"liked",onClick:function(){return oe("Liked")},className:"Liked"===r?"profile-nav-item activeTab":"profile-nav-item"},"Liked")),"Squeaks"===r?le.map((function(e){if(!e.getReplyTo())return c.a.createElement(o.a,{squeak:e,key:e.getSqueakHash(),id:e.getSqueakHash(),user:e.getAuthor()})})):"Squeaks&Replies"===r?le.map((function(e){return c.a.createElement(o.a,{squeak:e,key:e.getSqueakHash(),id:e.getSqueakHash(),user:e.getAuthor()})})):"Liked"===r?le.map((function(e){if(e.getLikedTimeMs())return c.a.createElement(o.a,{squeak:e,key:e.getSqueakHash(),id:e.getSqueakHash(),user:e.getAuthor()})})):null,le.length>0&&c.a.createElement(c.a.Fragment,null,"loading"==ie?c.a.createElement(m.a,null):c.a.createElement("div",{onClick:function(){return function(){var a;null==(a=le)||0===a.length||a.slice(-1)[0];se(Object(f.f)({profilePubkey:e.match.params.username,limit:10,lastSqueak:ce}))}()},className:"squeak-btn-side squeak-btn-active"},"Load more"))),c.a.createElement("div",{onClick:function(){return fe()},style:{display:q?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return fe()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"'Edit Profile'")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(qe,null)))),c.a.createElement("div",{onClick:function(){return ve()},style:{display:x?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return fe()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"'Change Profile Image'")),c.a.createElement("div",{className:"modal-body"},c.a.createElement("div",{className:"modal-banner"}),c.a.createElement(we,null)))),c.a.createElement("div",{onClick:function(){return be()},style:{display:R?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return be()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"'Delete Profile'")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(Ie,null)))),c.a.createElement("div",{onClick:function(){return Ne()},style:{display:A?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return Ne()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"'Export Private Key'")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(Pe,null)))),c.a.createElement("div",{onClick:function(){return ke()},style:{display:J?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header no-b-border"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return fe()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},null)),c.a.createElement("div",{className:"modal-body"},c.a.createElement("div",{className:"explore-nav-menu"},c.a.createElement("div",{onClick:function(){return $("Sats Spent")},className:"Sats Spent"==Z?"explore-nav-item activeTab":"explore-nav-item"},"Sats Spent"),c.a.createElement("div",{onClick:function(){return $("Sats Earned")},className:"Sats Earned"==Z?"explore-nav-item activeTab":"explore-nav-item"},"Sats Earned")),c.a.createElement("div",{className:"modal-scroll"})))),c.a.createElement("div",{onClick:function(){return ye()},style:{display:Q?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return ye()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"Add Contact Profile")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(Ce,null))))))}))}}]); -//# sourceMappingURL=5.045e278f.chunk.js.map \ No newline at end of file +(this["webpackJsonptwitter-frontend"]=this["webpackJsonptwitter-frontend"]||[]).push([[5],{140:function(e,a,t){},142:function(e,a,t){"use strict";t.r(a);var n=t(10),l=t(0),c=t.n(l),i=(t(140),t(7)),r=t(16),s=t(20),m=t(14),o=(t(18),t(19)),u=(t(41),t(13)),d=t(5),p=t(3),E=t(15),f=t(11);a.default=Object(r.h)((function(e){var a=Object(l.useState)("Squeaks"),t=Object(n.a)(a,2),r=t[0],v=t[1],b=Object(l.useState)(!1),N=Object(n.a)(b,2),k=N[0],y=N[1],g=Object(l.useState)(""),S=Object(n.a)(g,2),h=S[0],O=S[1],j=Object(l.useState)(!1),C=Object(n.a)(j,2),q=C[0],w=C[1],I=Object(l.useState)(!1),P=Object(n.a)(I,2),x=P[0],T=P[1],M=Object(l.useState)(!1),B=Object(n.a)(M,2),R=B[0],L=B[1],F=Object(l.useState)(!1),H=Object(n.a)(F,2),A=H[0],D=H[1],K=Object(l.useState)(!1),z=Object(n.a)(K,2),J=z[0],V=z[1],U=Object(l.useState)(!1),G=Object(n.a)(U,2),Q=G[0],W=G[1],X=Object(l.useState)("Sats Spent"),Y=Object(n.a)(X,2),Z=Y[0],$=Y[1],_=Object(l.useState)(!1),ee=Object(n.a)(_,2),ae=ee[0],te=ee[1],ne=e.match.params.username,le=Object(p.c)(f.v),ce=Object(p.c)(f.r),ie=Object(p.c)(f.w),re=Object(p.c)(E.j),se=Object(p.b)();Object(l.useEffect)((function(){window.scrollTo(0,0),se(Object(E.e)(e.match.params.username)),Oe(),w(!1)}),[e.match.params.username]);var me=Object(l.useRef)(!0);Object(l.useEffect)((function(){me.current?me.current=!1:document.getElementsByTagName("body")[0].style.cssText=ae&&"overflow-y: hidden; margin-right: 17px"}),[ae]),Object(l.useEffect)((function(){return function(){return document.getElementsByTagName("body")[0].style.cssText=""}}),[]);var oe=function(e){v(e)},ue=function(e){var a=e.values;se(Object(E.t)({profileId:re.getProfileId(),profileName:a.name})),fe()},de=function(){var e={profileId:re.getProfileId()};console.log("Delete user here"),se(Object(E.p)(e)),be()},pe=function(){se(Object(E.g)({profileId:re.getProfileId()})).then(d.d).then((function(e){console.log(e),O(e)}))},Ee=function(a){var t=a.values;se(Object(E.n)({pubkey:ne,profileName:t.name})).then((function(){se(Object(E.e)(e.match.params.username))})),ye()},fe=function(e,a){y(!1),te(!ae),setTimeout((function(){w(!q)}),20)},ve=function(e,a){y(!1),te(!ae),setTimeout((function(){T(!x)}),20)},be=function(){y(!1),te(!ae),setTimeout((function(){L(!R)}),20)},Ne=function(){y(!1),te(!ae),setTimeout((function(){D(!A)}),20)},ke=function(e,a){te(!ae),a&&$(a),a&&$(a),setTimeout((function(){V(!J)}),20)},ye=function(e,a){te(!ae),setTimeout((function(){W(!Q)}),20)},ge=function(e){e.stopPropagation()},Se=function(e){if(null!=e){var a=new FileReader;a.addEventListener("load",(function(){var e=a.result.split(",")[1];he(e)}),!1),e&&a.readAsDataURL(e)}},he=function(e){se(Object(E.s)({profileId:re.getProfileId(),imageBase64:e}))},Oe=function(){se(Object(f.a)()),se(Object(f.f)({profilePubkey:e.match.params.username,limit:10,lastSqueak:null}))},je=function(){y(!k)},Ce=function(){return c.a.createElement(u.b,{onSubmit:Ee,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"name",label:"Profile Name",placeholder:"Satoshi"})),c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"pubkey",label:"Public Key",defaultValue:ne,readOnly:!0,disabled:!0})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))},qe=function(){return c.a.createElement(u.b,{onSubmit:ue,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"name",label:"Profile Name",placeholder:"Satoshi"})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Submit"))))},we=function(){return c.a.createElement(u.b,{onSubmit:Se,className:"Squeak-input-side"},c.a.createElement("div",{className:"modal-profile-pic"},c.a.createElement("div",{className:"modal-back-pic"},c.a.createElement("img",{src:re?"".concat(Object(s.a)(re)):null,alt:"profile"}),c.a.createElement("div",null,c.a.createElement(i.y,null),c.a.createElement("input",{onChange:function(){return function(){var e=document.getElementById("avatar").files[0];Se(e),ve()}()},title:" ",id:"avatar",style:{opacity:"0"},type:"file"})))))},Ie=function(){return c.a.createElement(u.b,{onSubmit:de,className:"Squeak-input-side"},c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Delete"))))},Pe=function(){return c.a.createElement(u.b,{onSubmit:pe,className:"Squeak-input-side"},c.a.createElement("div",{className:"edit-input-wrap"},c.a.createElement(u.c,{class:"informed-input",name:"privateKey",label:"Display Private Key",initialValue:h,readOnly:!0})),c.a.createElement("div",{className:"inner-input-links"},c.a.createElement("div",{className:"input-links-side"}),c.a.createElement("div",{className:"squeak-btn-holder"},c.a.createElement("div",{style:{fontSize:"13px",color:null}}),c.a.createElement("button",{type:"submit",className:"squeak-btn-side squeak-btn-active"},"Export"))))};return c.a.createElement("div",null,c.a.createElement("div",null,c.a.createElement("div",{className:"profile-wrapper"},c.a.createElement("div",{className:"profile-header-wrapper"},c.a.createElement("div",{className:"profile-header-back"},c.a.createElement("div",{onClick:function(){return window.history.back()},className:"header-back-wrapper"},c.a.createElement(i.a,null))),c.a.createElement("div",{className:"profile-header-content"},c.a.createElement("div",{className:"profile-header-name"},ne))),c.a.createElement("div",{className:"profile-banner-wrapper"},c.a.createElement("img",{alt:""})),c.a.createElement("div",{className:"profile-details-wrapper"},c.a.createElement("div",{className:"profile-options"},c.a.createElement("div",{className:"profile-image-wrapper"},c.a.createElement("img",{src:re?"".concat(Object(s.a)(re)):null,alt:""})),re&&c.a.createElement("div",{id:"profileMoreMenu",onClick:je,className:"Nav-link"},c.a.createElement("div",{className:"Nav-item-hover"},c.a.createElement(i.w,null)),c.a.createElement("div",{onClick:function(){return je()},style:{display:k?"block":"none"},className:"more-menu-background"},c.a.createElement("div",{className:"more-modal-wrapper"},k?c.a.createElement("div",{style:{top:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().top-40,"px"),left:document.getElementById("profileMoreMenu")&&"".concat(document.getElementById("profileMoreMenu").getBoundingClientRect().left,"px"),height:"210px"},onClick:function(e){return function(e){e.stopPropagation()}(e)},className:"more-menu-content"},c.a.createElement("div",{onClick:fe,className:"more-menu-item"},c.a.createElement("span",null,"Edit Profile")),c.a.createElement("div",{onClick:ve,className:"more-menu-item"},c.a.createElement("span",null,"Change Image")),re.getHasPrivateKey()&&c.a.createElement("div",{onClick:Ne,className:"more-menu-item"},c.a.createElement("span",null,"Export Private Key")),c.a.createElement("div",{onClick:be,className:"more-menu-item"},c.a.createElement("span",null,"Delete Profile"))):null))),re&&c.a.createElement("div",{onClick:function(e){return re.getFollowing()?function(e,a){console.log(e),e.stopPropagation(),se(Object(E.u)(a))}(e,re.getProfileId()):function(e,a){e.stopPropagation(),se(Object(E.q)(a))}(e,re.getProfileId())},className:re.getFollowing()?"unfollow-switch profile-edit-button":"profile-edit-button"},c.a.createElement("span",null,c.a.createElement("span",null,re.getFollowing()?"Following":"Follow"))),!re&&c.a.createElement("div",{onClick:function(e){return ye("create")},className:"profiles-create-button"},c.a.createElement("span",null,"Add Contact Profile"))),c.a.createElement("div",{className:"profile-details-box"},c.a.createElement("div",{className:"profile-name"},re?re.getProfileName():""),c.a.createElement("div",{className:"profile-username"},"@",ne),c.a.createElement("div",{className:"profile-info-box"},"\xa0")),c.a.createElement("div",{className:"profile-social-box"},c.a.createElement("div",{onClick:function(){return ke(0,"Sats Spent")}},c.a.createElement("p",{className:"follow-num"}," 0 "),c.a.createElement("p",{className:"follow-text"}," sats spent ")),c.a.createElement("div",{onClick:function(){return ke(0,"Sats Earned")}},c.a.createElement("p",{className:"follow-num"}," 0 "),c.a.createElement("p",{className:"follow-text"}," sats earned ")))),c.a.createElement("div",{className:"profile-nav-menu"},c.a.createElement("div",{key:"squeaks",onClick:function(){return oe("Squeaks")},className:"Squeaks"===r?"profile-nav-item activeTab":"profile-nav-item"},"Squeaks"),c.a.createElement("div",{key:"replies",onClick:function(){return oe("Squeaks&Replies")},className:"Squeaks&Replies"===r?"profile-nav-item activeTab":"profile-nav-item"},"Squeaks & replies"),c.a.createElement("div",{key:"liked",onClick:function(){return oe("Liked")},className:"Liked"===r?"profile-nav-item activeTab":"profile-nav-item"},"Liked")),"Squeaks"===r?le.map((function(e){if(!e.getReplyTo())return c.a.createElement(o.a,{squeak:e,key:e.getSqueakHash(),id:e.getSqueakHash(),user:e.getAuthor()})})):"Squeaks&Replies"===r?le.map((function(e){return c.a.createElement(o.a,{squeak:e,key:e.getSqueakHash(),id:e.getSqueakHash(),user:e.getAuthor()})})):"Liked"===r?le.map((function(e){if(e.getLikedTimeMs())return c.a.createElement(o.a,{squeak:e,key:e.getSqueakHash(),id:e.getSqueakHash(),user:e.getAuthor()})})):null,le.length>0&&c.a.createElement(c.a.Fragment,null,"loading"==ie?c.a.createElement(m.a,null):c.a.createElement("div",{onClick:function(){return function(){var a;null==(a=le)||0===a.length||a.slice(-1)[0];se(Object(f.f)({profilePubkey:e.match.params.username,limit:10,lastSqueak:ce}))}()},className:"squeak-btn-side squeak-btn-active"},"Load more"))),c.a.createElement("div",{onClick:function(){return fe()},style:{display:q?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return fe()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"Edit Profile")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(qe,null)))),c.a.createElement("div",{onClick:function(){return ve()},style:{display:x?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return ve()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"Change Profile Image")),c.a.createElement("div",{className:"modal-body"},c.a.createElement("div",{className:"modal-banner"}),c.a.createElement(we,null)))),c.a.createElement("div",{onClick:function(){return be()},style:{display:R?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return be()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"Delete Profile")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(Ie,null)))),c.a.createElement("div",{onClick:function(){return Ne()},style:{display:A?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return Ne()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"Export Private Key")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(Pe,null)))),c.a.createElement("div",{onClick:function(){return ke()},style:{display:J?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header no-b-border"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return fe()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},null)),c.a.createElement("div",{className:"modal-body"},c.a.createElement("div",{className:"explore-nav-menu"},c.a.createElement("div",{onClick:function(){return $("Sats Spent")},className:"Sats Spent"==Z?"explore-nav-item activeTab":"explore-nav-item"},"Sats Spent"),c.a.createElement("div",{onClick:function(){return $("Sats Earned")},className:"Sats Earned"==Z?"explore-nav-item activeTab":"explore-nav-item"},"Sats Earned")),c.a.createElement("div",{className:"modal-scroll"})))),c.a.createElement("div",{onClick:function(){return ye()},style:{display:Q?"block":"none"},className:"modal-edit"},c.a.createElement("div",{onClick:function(e){return ge(e)},className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("div",{className:"modal-closeIcon"},c.a.createElement("div",{onClick:function(){return ye()},className:"modal-closeIcon-wrap"},c.a.createElement(i.d,null))),c.a.createElement("p",{className:"modal-title"},"Add Contact Profile")),c.a.createElement("div",{className:"modal-body"},c.a.createElement(Ce,null))))))}))}}]); +//# sourceMappingURL=5.a08de681.chunk.js.map \ No newline at end of file diff --git a/squeaknode/admin/webapp/static/build/static/js/5.045e278f.chunk.js.map b/squeaknode/admin/webapp/static/build/static/js/5.a08de681.chunk.js.map similarity index 82% rename from squeaknode/admin/webapp/static/build/static/js/5.045e278f.chunk.js.map rename to squeaknode/admin/webapp/static/build/static/js/5.a08de681.chunk.js.map index be32076e..7f2a89d4 100644 --- a/squeaknode/admin/webapp/static/build/static/js/5.045e278f.chunk.js.map +++ b/squeaknode/admin/webapp/static/build/static/js/5.a08de681.chunk.js.map @@ -1 +1 @@ -{"version":3,"sources":["components/Profile/index.js"],"names":["withRouter","props","useState","activeTab","setActiveTab","moreMenu","setMoreMenu","privateKey","setPrivateKey","editModalOpen","setEditModalOpen","changeImageModalOpen","setChangeImageModalOpen","deleteModalOpen","setDeleteModalOpen","exportModalOpen","setExportModalOpen","spendingModalOpen","setSpendingModalOpen","createModalOpen","setCreateModalOpen","tab","setTab","styleBody","setStyleBody","userParam","match","params","username","profileSqueaks","useSelector","selectProfileSqueaks","lastUserSqueak","selectLastProfileSqueak","profileSqueaksStatus","selectProfileSqueaksStatus","user","selectCurrentProfile","dispatch","useDispatch","useEffect","window","scrollTo","fetchProfile","reloadSqueaks","isInitialMount","useRef","current","document","getElementsByTagName","style","cssText","changeTab","editProfile","values","setRenameProfile","profileId","getProfileId","profileName","name","toggleEditModal","deleteProfile","console","log","setDeleteProfile","toggleDeleteModal","exportPrivateKey","getProfilePrivateKey","then","unwrapResult","createContactProfile","setCreateContactProfile","pubkey","toggleCreateModal","param","type","setTimeout","toggleChangeImageModal","toggleExportModal","toggleSpendingModal","handleModalClick","e","stopPropagation","uploadAvatar","file","reader","FileReader","addEventListener","imageBase64Stripped","result","split","uploadAvatarAsBase64","readAsDataURL","imageBase64","setProfileImage","clearProfileSqueaks","fetchProfileSqueaks","profilePubkey","limit","lastSqueak","openMore","AddContactProfileForm","onSubmit","className","class","label","placeholder","defaultValue","readOnly","disabled","fontSize","color","EditProfileForm","ChangeProfileImageForm","src","getProfileImageSrcString","alt","onChange","getElementById","files","changeAvatar","title","id","opacity","DeleteProfileForm","ExportPrivateKeyForm","initialValue","onClick","history","back","display","top","getBoundingClientRect","left","height","handleMenuClick","getHasPrivateKey","getFollowing","setUnfollowProfile","unfollowUser","setFollowProfile","followUser","getProfileName","key","map","t","getReplyTo","squeak","getSqueakHash","getAuthor","getLikedTimeMs","length","squeakLst","slice","getMoreSqueaks"],"mappings":"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","file":"static/js/5.045e278f.chunk.js","sourcesContent":["import React , { useEffect, useState, useContext, useRef} from 'react'\r\nimport './style.scss'\r\nimport { ICON_ARROWBACK, ICON_MARKDOWN, ICON_DATE, ICON_CLOSE, ICON_UPLOAD, ICON_NEWMSG, ICON_SETTINGS, ICON_DARK } from '../../Icons'\r\nimport { withRouter, Link } from 'react-router-dom'\r\nimport { getProfileImageSrcString } from '../../squeakimages/images';\r\nimport Loader from '../Loader'\r\nimport moment from 'moment'\r\nimport SqueakCard from '../SqueakCard'\r\nimport {API_URL} from '../../config'\r\n\r\nimport { Form, Input, Select, Checkbox, Relevant, Debug, TextArea, Option } from 'informed';\r\n\r\n\r\nimport { unwrapResult } from '@reduxjs/toolkit'\r\nimport { useSelector } from 'react-redux'\r\nimport { useDispatch } from 'react-redux'\r\n\r\nimport {\r\n fetchProfile,\r\n setFollowProfile,\r\n setUnfollowProfile,\r\n selectCurrentProfile,\r\n setDeleteProfile,\r\n setRenameProfile,\r\n setCreateContactProfile,\r\n setProfileImage,\r\n setClearProfileImage,\r\n getProfilePrivateKey,\r\n} from '../../features/profiles/profilesSlice'\r\nimport {\r\n fetchProfileSqueaks,\r\n selectProfileSqueaks,\r\n selectLastProfileSqueak,\r\n selectProfileSqueaksStatus,\r\n clearProfileSqueaks,\r\n} from '../../features/squeaks/squeaksSlice'\r\n\r\n\r\nconst Profile = (props) => {\r\n const [activeTab, setActiveTab] = useState('Squeaks')\r\n const [moreMenu, setMoreMenu] = useState(false)\r\n const [privateKey, setPrivateKey] = useState('')\r\n const [editModalOpen, setEditModalOpen] = useState(false)\r\n const [changeImageModalOpen, setChangeImageModalOpen] = useState(false)\r\n const [deleteModalOpen, setDeleteModalOpen] = useState(false)\r\n const [exportModalOpen, setExportModalOpen] = useState(false)\r\n const [spendingModalOpen, setSpendingModalOpen] = useState(false)\r\n const [createModalOpen, setCreateModalOpen] = useState(false)\r\n const [tab, setTab] = useState('Sats Spent')\r\n const [styleBody, setStyleBody] = useState(false)\r\n const userParam = props.match.params.username\r\n\r\n const profileSqueaks = useSelector(selectProfileSqueaks);\r\n const lastUserSqueak = useSelector(selectLastProfileSqueak);\r\n const profileSqueaksStatus = useSelector(selectProfileSqueaksStatus);\r\n // const privateKey = 'TODO';\r\n\r\n const user = useSelector(selectCurrentProfile);\r\n const dispatch = useDispatch();\r\n\r\n\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0)\r\n dispatch(fetchProfile(props.match.params.username));\r\n reloadSqueaks();\r\n //preventing edit modal from apprearing after clicking a user on memOpen\r\n setEditModalOpen(false)\r\n }, [props.match.params.username])\r\n\r\n const isInitialMount = useRef(true);\r\n useEffect(() => {\r\n if (isInitialMount.current){ isInitialMount.current = false }\r\n else {\r\n document.getElementsByTagName(\"body\")[0].style.cssText = styleBody && \"overflow-y: hidden; margin-right: 17px\"\r\n }\r\n }, [styleBody])\r\n\r\n useEffect( () => () => document.getElementsByTagName(\"body\")[0].style.cssText = \"\", [] )\r\n\r\n const changeTab = (tab) => {\r\n setActiveTab(tab)\r\n }\r\n\r\n const editProfile = ({values}) => {\r\n dispatch(setRenameProfile({\r\n profileId: user.getProfileId(),\r\n profileName: values.name,\r\n }));\r\n // TODO: chain action to update profile squeaks with the new name.\r\n toggleEditModal()\r\n }\r\n\r\n const deleteProfile = () => {\r\n let values = {\r\n profileId: user.getProfileId(),\r\n }\r\n console.log('Delete user here');\r\n dispatch(setDeleteProfile(values));\r\n toggleDeleteModal();\r\n }\r\n\r\n\r\n const exportPrivateKey = () => {\r\n dispatch(getProfilePrivateKey({\r\n profileId: user.getProfileId(),\r\n }))\r\n .then(unwrapResult)\r\n .then((privateKey) =>{\r\n console.log(privateKey);\r\n setPrivateKey(privateKey);\r\n });\r\n }\r\n\r\n const createContactProfile = ({values}) => {\r\n dispatch(setCreateContactProfile({\r\n pubkey: userParam,\r\n profileName: values.name,\r\n }))\r\n .then(() => {\r\n dispatch(fetchProfile(props.match.params.username));\r\n });\r\n toggleCreateModal();\r\n }\r\n\r\n const toggleEditModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setEditModalOpen(!editModalOpen) },20)\r\n }\r\n\r\n const toggleChangeImageModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setChangeImageModalOpen(!changeImageModalOpen) },20)\r\n }\r\n\r\n const toggleDeleteModal = () => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setDeleteModalOpen(!deleteModalOpen) },20)\r\n }\r\n\r\n const toggleExportModal = () => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setExportModalOpen(!exportModalOpen) },20)\r\n }\r\n\r\n const toggleSpendingModal = (param, type) => {\r\n setStyleBody(!styleBody)\r\n if(type){setTab(type)}\r\n if(type){setTab(type)}\r\n setTimeout(()=>{ setSpendingModalOpen(!spendingModalOpen) },20)\r\n }\r\n\r\n const toggleCreateModal = (param, type) => {\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setCreateModalOpen(!createModalOpen) },20)\r\n }\r\n\r\n const handleModalClick = (e) => {\r\n e.stopPropagation()\r\n }\r\n\r\n const followUser = (e,id) => {\r\n e.stopPropagation()\r\n dispatch(setFollowProfile(id));\r\n }\r\n\r\n const unfollowUser = (e,id) => {\r\n console.log(e);\r\n e.stopPropagation()\r\n dispatch(setUnfollowProfile(id));\r\n }\r\n\r\n const changeAvatar = () => {\r\n let file = document.getElementById('avatar').files[0];\r\n uploadAvatar(file);\r\n toggleChangeImageModal();\r\n }\r\n\r\n const clearAvatar = () => {\r\n dispatch(setClearProfileImage({\r\n profileId: user.getProfileId(),\r\n }));\r\n }\r\n\r\n const uploadAvatar = (file) => {\r\n if (file == null)\r\n return;\r\n const reader = new FileReader();\r\n reader.addEventListener('load', () => {\r\n // convert image file to base64 string\r\n // preview.src = reader.result;\r\n const imageBase64Stripped = reader.result.split(',')[1];\r\n uploadAvatarAsBase64(imageBase64Stripped);\r\n }, false);\r\n if (file) {\r\n reader.readAsDataURL(file);\r\n }\r\n };\r\n\r\n const uploadAvatarAsBase64 = (imageBase64) => {\r\n dispatch(setProfileImage({\r\n profileId: user.getProfileId(),\r\n imageBase64: imageBase64,\r\n }));\r\n };\r\n\r\n const getLastSqueak = (squeakLst) => {\r\n if (squeakLst == null) {\r\n return null;\r\n } if (squeakLst.length === 0) {\r\n return null;\r\n }\r\n return squeakLst.slice(-1)[0];\r\n };\r\n\r\n const getMoreSqueaks = () => {\r\n let lastSqueak = getLastSqueak(profileSqueaks);\r\n dispatch(fetchProfileSqueaks({\r\n profilePubkey: props.match.params.username,\r\n limit: 10,\r\n lastSqueak: lastUserSqueak,\r\n }));\r\n }\r\n\r\n const reloadSqueaks = () => {\r\n dispatch(clearProfileSqueaks());\r\n dispatch(fetchProfileSqueaks({\r\n profilePubkey: props.match.params.username,\r\n limit: 10,\r\n lastSqueak: null,\r\n }));\r\n }\r\n\r\n const openMore = () => { setMoreMenu(!moreMenu) }\r\n\r\n const handleMenuClick = (e) => { e.stopPropagation() }\r\n\r\n\r\n const AddContactProfileForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const EditProfileForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const ChangeProfileImageForm = () => (\r\n
\r\n
\r\n
\r\n \"profile\"\r\n
\r\n \r\n changeAvatar()} title=\" \" id=\"avatar\" style={{opacity:'0'}} type=\"file\"/>\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n\r\n const DeleteProfileForm = () => (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const ExportPrivateKeyForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n return(\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
window.history.back()} className=\"header-back-wrapper\">\r\n \r\n
\r\n
\r\n
\r\n
\r\n {userParam}\r\n
\r\n
\r\n
\r\n
\r\n \"\"/\r\n
\r\n
\r\n
\r\n
\r\n \"\"/\r\n
\r\n\r\n {user &&\r\n
\r\n
\r\n \r\n
\r\n
openMore()} style={{display: moreMenu ? 'block' : 'none'}} className=\"more-menu-background\">\r\n
\r\n {moreMenu ?\r\n
handleMenuClick(e)} className=\"more-menu-content\">\r\n
\r\n Edit Profile\r\n
\r\n
\r\n Change Image\r\n
\r\n {user.getHasPrivateKey() &&\r\n
\r\n Export Private Key\r\n
\r\n }\r\n
\r\n Delete Profile\r\n
\r\n
: null }\r\n
\r\n
\r\n
\r\n }\r\n\r\n {user &&\r\n
\r\n user.getFollowing() ?\r\n unfollowUser(e,user.getProfileId()) :\r\n followUser(e,user.getProfileId())\r\n }\r\n className={user.getFollowing() ? 'unfollow-switch profile-edit-button' : 'profile-edit-button'}>\r\n { user.getFollowing() ? 'Following' : 'Follow'}\r\n
\r\n }\r\n\r\n {!user &&\r\n
toggleCreateModal('create')}\r\n className='profiles-create-button'>\r\n Add Contact Profile\r\n
\r\n }\r\n
\r\n
\r\n
{user ? user.getProfileName() : ''}
\r\n
@{userParam}
\r\n
\r\n  \r\n
\r\n
\r\n
\r\n {/* TODO: Implement sats spent */}\r\n
toggleSpendingModal('members','Sats Spent')}>\r\n

0

\r\n

sats spent

\r\n
\r\n {/* TODO: Implement sats eaned */}\r\n
toggleSpendingModal('members', 'Sats Earned')}>\r\n

0

\r\n

sats earned

\r\n
\r\n
\r\n
\r\n
\r\n
changeTab('Squeaks')} className={activeTab ==='Squeaks' ? `profile-nav-item activeTab` : `profile-nav-item`}>\r\n Squeaks\r\n
\r\n
changeTab('Squeaks&Replies')} className={activeTab ==='Squeaks&Replies' ? `profile-nav-item activeTab` : `profile-nav-item`}>\r\n Squeaks & replies\r\n
\r\n
changeTab('Liked')} className={activeTab ==='Liked' ? `profile-nav-item activeTab` : `profile-nav-item`}>\r\n Liked\r\n
\r\n
\r\n {activeTab === 'Squeaks' ?\r\n profileSqueaks.map(t=>{\r\n if(!t.getReplyTo())\r\n return \r\n }) :\r\n activeTab === 'Squeaks&Replies' ?\r\n profileSqueaks.map(t=>{\r\n return \r\n }) :\r\n activeTab === 'Liked' ?\r\n profileSqueaks.map(t=>{\r\n if(t.getLikedTimeMs())\r\n return \r\n }) :\r\n null}\r\n {/* TODO: fix get loading state by doing this: https://medium.com/stashaway-engineering/react-redux-tips-better-way-to-handle-loading-flags-in-your-reducers-afda42a804c6 */}\r\n {profileSqueaks.length > 0 &&\r\n <>\r\n {profileSqueaksStatus == 'loading' ?\r\n :\r\n
getMoreSqueaks()} className='squeak-btn-side squeak-btn-active'>\r\n Load more\r\n
}\r\n \r\n }\r\n\r\n
\r\n\r\n {/* Modal for edit profile */}\r\n
toggleEditModal()} style={{display: editModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleEditModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

'Edit Profile'

\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n {/* Modal for change profile image */}\r\n
toggleChangeImageModal()} style={{display: changeImageModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleEditModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

'Change Profile Image'

\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n {/* Modal for delete profile */}\r\n
toggleDeleteModal()} style={{display: deleteModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleDeleteModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

'Delete Profile'

\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n {/* Modal for export profile */}\r\n
toggleExportModal()} style={{display: exportModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleExportModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

'Export Private Key'

\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n {/* Modal for sats spent and earned */}\r\n
toggleSpendingModal()} style={{display: spendingModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleEditModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

{null}

\r\n
\r\n
\r\n
\r\n
setTab('Sats Spent')} className={tab =='Sats Spent' ? `explore-nav-item activeTab` : `explore-nav-item`}>\r\n Sats Spent\r\n
\r\n
setTab('Sats Earned')} className={tab =='Sats Earned' ? `explore-nav-item activeTab` : `explore-nav-item`}>\r\n Sats Earned\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* Modal for create contact profile */}\r\n
toggleCreateModal()} style={{display: createModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleCreateModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Add Contact Profile

\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n )\r\n }\r\n\r\n export default withRouter(Profile)\r\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["components/Profile/index.js"],"names":["withRouter","props","useState","activeTab","setActiveTab","moreMenu","setMoreMenu","privateKey","setPrivateKey","editModalOpen","setEditModalOpen","changeImageModalOpen","setChangeImageModalOpen","deleteModalOpen","setDeleteModalOpen","exportModalOpen","setExportModalOpen","spendingModalOpen","setSpendingModalOpen","createModalOpen","setCreateModalOpen","tab","setTab","styleBody","setStyleBody","userParam","match","params","username","profileSqueaks","useSelector","selectProfileSqueaks","lastUserSqueak","selectLastProfileSqueak","profileSqueaksStatus","selectProfileSqueaksStatus","user","selectCurrentProfile","dispatch","useDispatch","useEffect","window","scrollTo","fetchProfile","reloadSqueaks","isInitialMount","useRef","current","document","getElementsByTagName","style","cssText","changeTab","editProfile","values","setRenameProfile","profileId","getProfileId","profileName","name","toggleEditModal","deleteProfile","console","log","setDeleteProfile","toggleDeleteModal","exportPrivateKey","getProfilePrivateKey","then","unwrapResult","createContactProfile","setCreateContactProfile","pubkey","toggleCreateModal","param","type","setTimeout","toggleChangeImageModal","toggleExportModal","toggleSpendingModal","handleModalClick","e","stopPropagation","uploadAvatar","file","reader","FileReader","addEventListener","imageBase64Stripped","result","split","uploadAvatarAsBase64","readAsDataURL","imageBase64","setProfileImage","clearProfileSqueaks","fetchProfileSqueaks","profilePubkey","limit","lastSqueak","openMore","AddContactProfileForm","onSubmit","className","class","label","placeholder","defaultValue","readOnly","disabled","fontSize","color","EditProfileForm","ChangeProfileImageForm","src","getProfileImageSrcString","alt","onChange","getElementById","files","changeAvatar","title","id","opacity","DeleteProfileForm","ExportPrivateKeyForm","initialValue","onClick","history","back","display","top","getBoundingClientRect","left","height","handleMenuClick","getHasPrivateKey","getFollowing","setUnfollowProfile","unfollowUser","setFollowProfile","followUser","getProfileName","key","map","t","getReplyTo","squeak","getSqueakHash","getAuthor","getLikedTimeMs","length","squeakLst","slice","getMoreSqueaks"],"mappings":"2RAilBqBA,uBA3iBL,SAACC,GAAW,IAAD,EACSC,mBAAS,WADlB,mBAClBC,EADkB,KACPC,EADO,OAEOF,oBAAS,GAFhB,mBAElBG,EAFkB,KAERC,EAFQ,OAGWJ,mBAAS,IAHpB,mBAGlBK,EAHkB,KAGNC,EAHM,OAIiBN,oBAAS,GAJ1B,mBAIlBO,EAJkB,KAIHC,EAJG,OAK+BR,oBAAS,GALxC,mBAKlBS,EALkB,KAKIC,EALJ,OAMqBV,oBAAS,GAN9B,mBAMlBW,EANkB,KAMDC,EANC,OAOqBZ,oBAAS,GAP9B,mBAOlBa,EAPkB,KAODC,EAPC,OAQyBd,oBAAS,GARlC,mBAQlBe,EARkB,KAQCC,EARD,OASqBhB,oBAAS,GAT9B,mBASlBiB,EATkB,KASDC,EATC,OAUHlB,mBAAS,cAVN,mBAUlBmB,EAVkB,KAUbC,EAVa,OAWSpB,oBAAS,GAXlB,oBAWlBqB,GAXkB,MAWPC,GAXO,MAYnBC,GAAYxB,EAAMyB,MAAMC,OAAOC,SAE/BC,GAAiBC,YAAYC,KAC7BC,GAAiBF,YAAYG,KAC7BC,GAAuBJ,YAAYK,KAGnCC,GAAON,YAAYO,KACnBC,GAAWC,cAIjBC,qBAAU,WACRC,OAAOC,SAAS,EAAG,GACnBJ,GAASK,YAAa1C,EAAMyB,MAAMC,OAAOC,WACzCgB,KAEAlC,GAAiB,KAChB,CAACT,EAAMyB,MAAMC,OAAOC,WAEvB,IAAMiB,GAAiBC,kBAAO,GAC9BN,qBAAU,WACJK,GAAeE,QAAUF,GAAeE,SAAU,EAEpDC,SAASC,qBAAqB,QAAQ,GAAGC,MAAMC,QAAU5B,IAAa,2CAEvE,CAACA,KAEJiB,qBAAW,kBAAM,kBAAMQ,SAASC,qBAAqB,QAAQ,GAAGC,MAAMC,QAAU,MAAI,IAEpF,IAAMC,GAAY,SAAC/B,GACjBjB,EAAaiB,IAGTgC,GAAc,SAAC,GAAc,IAAbC,EAAY,EAAZA,OACpBhB,GAASiB,YAAiB,CACxBC,UAAWpB,GAAKqB,eAChBC,YAAaJ,EAAOK,QAGtBC,MAGIC,GAAgB,WACpB,IAAIP,EAAS,CACXE,UAAWpB,GAAKqB,gBAElBK,QAAQC,IAAI,oBACZzB,GAAS0B,YAAiBV,IAC1BW,MAIIC,GAAmB,WACvB5B,GAAS6B,YAAqB,CAC5BX,UAAWpB,GAAKqB,kBAEjBW,KAAKC,KACLD,MAAK,SAAC7D,GACLuD,QAAQC,IAAIxD,GACZC,EAAcD,OAIZ+D,GAAuB,SAAC,GAAc,IAAbhB,EAAY,EAAZA,OAC7BhB,GAASiC,YAAwB,CAC/BC,OAAQ/C,GACRiC,YAAaJ,EAAOK,QAErBS,MAAK,WACJ9B,GAASK,YAAa1C,EAAMyB,MAAMC,OAAOC,cAE3C6C,MAGIb,GAAkB,SAACc,EAAOC,GAC9BrE,GAAY,GACZkB,IAAcD,IACdqD,YAAW,WAAMlE,GAAkBD,KAAiB,KAGhDoE,GAAyB,SAACH,EAAOC,GACrCrE,GAAY,GACZkB,IAAcD,IACdqD,YAAW,WAAMhE,GAAyBD,KAAwB,KAG9DsD,GAAoB,WACxB3D,GAAY,GACZkB,IAAcD,IACdqD,YAAW,WAAM9D,GAAoBD,KAAmB,KAGpDiE,GAAoB,WACxBxE,GAAY,GACZkB,IAAcD,IACdqD,YAAW,WAAM5D,GAAoBD,KAAmB,KAGpDgE,GAAsB,SAACL,EAAOC,GAClCnD,IAAcD,IACXoD,GAAMrD,EAAOqD,GACbA,GAAMrD,EAAOqD,GAChBC,YAAW,WAAM1D,GAAsBD,KAAqB,KAGxDwD,GAAoB,SAACC,EAAOC,GAChCnD,IAAcD,IACdqD,YAAW,WAAMxD,GAAoBD,KAAmB,KAGpD6D,GAAmB,SAACC,GACxBA,EAAEC,mBA0BEC,GAAe,SAACC,GACpB,GAAY,MAARA,EAAJ,CAEA,IAAMC,EAAS,IAAIC,WACnBD,EAAOE,iBAAiB,QAAQ,WAG9B,IAAMC,EAAsBH,EAAOI,OAAOC,MAAM,KAAK,GACrDC,GAAqBH,MACpB,GACCJ,GACFC,EAAOO,cAAcR,KAInBO,GAAuB,SAACE,GAC5BvD,GAASwD,YAAgB,CACvBtC,UAAWpB,GAAKqB,eAChBoC,YAAaA,MAsBXjD,GAAgB,WACpBN,GAASyD,eACTzD,GAAS0D,YAAoB,CAC3BC,cAAehG,EAAMyB,MAAMC,OAAOC,SAClCsE,MAAO,GACPC,WAAY,SAIVC,GAAW,WAAQ9F,GAAaD,IAKhCgG,GAAwB,kBAC5B,kBAAC,IAAD,CAAMC,SAAUhC,GAAsBiC,UAAU,qBAC9C,yBAAKA,UAAU,mBACb,kBAAC,IAAD,CAAOC,MAAM,iBAAiB7C,KAAK,OAAO8C,MAAM,eAAeC,YAAY,aAE7E,yBAAKH,UAAU,mBACb,kBAAC,IAAD,CAAOC,MAAM,iBAAiB7C,KAAK,SAAS8C,MAAM,aAAaE,aAAclF,GAAWmF,UAAQ,EAACC,UAAQ,KAE3G,yBAAKN,UAAU,qBACb,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,qBACb,yBAAKrD,MAAO,CAAE4D,SAAU,OAAQC,MAAO,QAEvC,4BAAQpC,KAAK,SAAS4B,UAAW,qCAAjC,cAQFS,GAAkB,kBACtB,kBAAC,IAAD,CAAMV,SAAUjD,GAAakD,UAAU,qBACrC,yBAAKA,UAAU,mBACb,kBAAC,IAAD,CAAOC,MAAM,iBAAiB7C,KAAK,OAAO8C,MAAM,eAAeC,YAAY,aAE7E,yBAAKH,UAAU,qBACb,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,qBACb,yBAAKrD,MAAO,CAAE4D,SAAU,OAAQC,MAAO,QAEvC,4BAAQpC,KAAK,SAAS4B,UAAW,qCAAjC,cAQFU,GAAyB,kBAC7B,kBAAC,IAAD,CAAMX,SAAUnB,GAAcoB,UAAU,qBACtC,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,kBACb,yBAAKW,IAAK9E,GAAI,UAAM+E,YAAyB/E,KAAU,KAAMgF,IAAI,YACjE,6BACE,kBAAC,IAAD,MACA,2BAAOC,SAAU,kBAlHN,WACnB,IAAIjC,EAAOpC,SAASsE,eAAe,UAAUC,MAAM,GACnDpC,GAAaC,GACbP,KA+G6B2C,IAAgBC,MAAM,IAAIC,GAAG,SAASxE,MAAO,CAACyE,QAAQ,KAAMhD,KAAK,cAQ1FiD,GAAoB,kBACxB,kBAAC,IAAD,CAAMtB,SAAUzC,GAAe0C,UAAU,qBACvC,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,qBACb,yBAAKrD,MAAO,CAAE4D,SAAU,OAAQC,MAAO,QAEvC,4BAAQpC,KAAK,SAAS4B,UAAW,qCAAjC,cAQFsB,GAAuB,kBAC3B,kBAAC,IAAD,CAAMvB,SAAUpC,GAAkBqC,UAAU,qBAC1C,yBAAKA,UAAU,mBACb,kBAAC,IAAD,CAAOC,MAAM,iBAAiB7C,KAAK,aAAa8C,MAAM,sBAAsBqB,aAAcvH,EAAYqG,UAAQ,KAEhH,yBAAKL,UAAU,qBACb,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,qBACb,yBAAKrD,MAAO,CAAE4D,SAAU,OAAQC,MAAO,QAEvC,4BAAQpC,KAAK,SAAS4B,UAAW,qCAAjC,cAQR,OACE,6BACE,6BACE,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,uBACb,yBAAKwB,QAAS,kBAAItF,OAAOuF,QAAQC,QAAQ1B,UAAU,uBACjD,kBAAC,IAAD,QAGJ,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,uBACZ9E,MAIP,yBAAK8E,UAAU,0BACb,yBAAKa,IAAI,MAEX,yBAAKb,UAAU,2BACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,yBACb,yBAAKW,IAAK9E,GAAI,UAAM+E,YAAyB/E,KAAU,KAAMgF,IAAI,MAGlEhF,IACC,yBAAKsF,GAAG,kBAAkBK,QAAS3B,GAAUG,UAAU,YACrD,yBAAKA,UAAW,kBACd,kBAAC,IAAD,OAEF,yBAAKwB,QAAS,kBAAI3B,MAAYlD,MAAO,CAACgF,QAAS7H,EAAW,QAAU,QAASkG,UAAU,wBACrF,yBAAKA,UAAU,sBACZlG,EACC,yBAAK6C,MAAO,CACRiF,IAAKnF,SAASsE,eAAe,oBAAxB,UAAiDtE,SAASsE,eAAe,mBAAmBc,wBAAwBD,IAAM,GAA1H,MACLE,KAAMrF,SAASsE,eAAe,oBAAxB,UAAiDtE,SAASsE,eAAe,mBAAmBc,wBAAwBC,KAApH,MACNC,OAAQ,SACPP,QAAS,SAAC9C,GAAD,OAnIZ,SAACA,GAAQA,EAAEC,kBAmIMqD,CAAgBtD,IAAIsB,UAAU,qBAC/C,yBAAKwB,QAASnE,GAAiB2C,UAAU,kBACvC,+CAEF,yBAAKwB,QAASlD,GAAwB0B,UAAU,kBAC9C,+CAEDnE,GAAKoG,oBACJ,yBAAKT,QAASjD,GAAmByB,UAAU,kBACzC,qDAGJ,yBAAKwB,QAAS9D,GAAmBsC,UAAU,kBACzC,kDAEK,QAMhBnE,IACC,yBAAK2F,QAAS,SAAC9C,GAAD,OACV7C,GAAKqG,eA/NJ,SAACxD,EAAEyC,GACtB5D,QAAQC,IAAIkB,GACZA,EAAEC,kBACF5C,GAASoG,YAAmBhB,IA6NViB,CAAa1D,EAAE7C,GAAKqB,gBArOrB,SAACwB,EAAEyC,GACpBzC,EAAEC,kBACF5C,GAASsG,YAAiBlB,IAoORmB,CAAW5D,EAAE7C,GAAKqB,iBAEpB8C,UAAWnE,GAAKqG,eAAiB,sCAAwC,uBACzE,8BAAM,8BAAQrG,GAAKqG,eAAiB,YAAc,aAIpDrG,IACA,yBAAK2F,QAAS,SAAC9C,GAAD,OAAKR,GAAkB,WACnC8B,UAAU,0BACV,uDAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,gBAAgBnE,GAAOA,GAAK0G,iBAAmB,IAC9D,yBAAKvC,UAAU,oBAAf,IAAoC9E,IACpC,yBAAK8E,UAAU,oBAAf,SAIF,yBAAKA,UAAU,sBAEb,yBAAKwB,QAAS,kBAAIhD,GAAoB,EAAU,gBAC9C,uBAAGwB,UAAU,cAAb,OACA,uBAAGA,UAAU,eAAb,iBAGF,yBAAKwB,QAAS,kBAAIhD,GAAoB,EAAW,iBAC/C,uBAAGwB,UAAU,cAAb,OACA,uBAAGA,UAAU,eAAb,oBAIN,yBAAKA,UAAU,oBACb,yBAAKwC,IAAK,UAAWhB,QAAS,kBAAI3E,GAAU,YAAYmD,UAAwB,YAAbpG,EAAA,iDAAnE,WAGA,yBAAK4I,IAAK,UAAWhB,QAAS,kBAAI3E,GAAU,oBAAoBmD,UAAwB,oBAAbpG,EAAA,iDAA3E,qBAGA,yBAAK4I,IAAK,QAAShB,QAAS,kBAAI3E,GAAU,UAAUmD,UAAwB,UAAbpG,EAAA,iDAA/D,UAIa,YAAdA,EACC0B,GAAemH,KAAI,SAAAC,GACjB,IAAIA,EAAEC,aACN,OAAO,kBAAC,IAAD,CAAYC,OAAQF,EAAGF,IAAKE,EAAEG,gBAAiB1B,GAAIuB,EAAEG,gBAAiBhH,KAAM6G,EAAEI,iBAEzE,oBAAdlJ,EACA0B,GAAemH,KAAI,SAAAC,GACjB,OAAO,kBAAC,IAAD,CAAYE,OAAQF,EAAGF,IAAKE,EAAEG,gBAAiB1B,GAAIuB,EAAEG,gBAAiBhH,KAAM6G,EAAEI,iBAEzE,UAAdlJ,EACA0B,GAAemH,KAAI,SAAAC,GACjB,GAAGA,EAAEK,iBACL,OAAO,kBAAC,IAAD,CAAYH,OAAQF,EAAGF,IAAKE,EAAEG,gBAAiB1B,GAAIuB,EAAEG,gBAAiBhH,KAAM6G,EAAEI,iBAEvF,KAECxH,GAAe0H,OAAS,GACvB,oCACyB,WAAxBrH,GACC,kBAAC,IAAD,MACE,yBAAK6F,QAAS,kBAjPT,WACrB,IAVqByB,EACJ,OADIA,EAUU3H,KAPJ,IAArB2H,EAAUD,QAGTC,EAAUC,OAAO,GAAG,GAK3BnH,GAAS0D,YAAoB,CAC3BC,cAAehG,EAAMyB,MAAMC,OAAOC,SAClCsE,MAAO,GACPC,WAAYnE,MA4OsB0H,IAAkBnD,UAAU,qCAAhD,eASN,yBAAKwB,QAAS,kBAAInE,MAAmBV,MAAO,CAACgF,QAASzH,EAAgB,QAAU,QAAS8F,UAAU,cACjG,yBAAKwB,QAAS,SAAC9C,GAAD,OAAKD,GAAiBC,IAAIsB,UAAU,iBAChD,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,mBACb,yBAAKwB,QAAS,kBAAInE,MAAmB2C,UAAU,wBAC7C,kBAAC,IAAD,QAGJ,uBAAGA,UAAU,eAAb,iBAEF,yBAAKA,UAAU,cACb,kBAACS,GAAD,SAMN,yBAAKe,QAAS,kBAAIlD,MAA0B3B,MAAO,CAACgF,QAASvH,EAAuB,QAAU,QAAS4F,UAAU,cAC/G,yBAAKwB,QAAS,SAAC9C,GAAD,OAAKD,GAAiBC,IAAIsB,UAAU,iBAChD,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,mBACb,yBAAKwB,QAAS,kBAAIlD,MAA0B0B,UAAU,wBACpD,kBAAC,IAAD,QAGJ,uBAAGA,UAAU,eAAb,yBAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,iBAEf,kBAACU,GAAD,SAON,yBAAKc,QAAS,kBAAI9D,MAAqBf,MAAO,CAACgF,QAASrH,EAAkB,QAAU,QAAS0F,UAAU,cACrG,yBAAKwB,QAAS,SAAC9C,GAAD,OAAKD,GAAiBC,IAAIsB,UAAU,iBAChD,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,mBACb,yBAAKwB,QAAS,kBAAI9D,MAAqBsC,UAAU,wBAC/C,kBAAC,IAAD,QAGJ,uBAAGA,UAAU,eAAb,mBAGF,yBAAKA,UAAU,cACb,kBAACqB,GAAD,SAMN,yBAAKG,QAAS,kBAAIjD,MAAqB5B,MAAO,CAACgF,QAASnH,EAAkB,QAAU,QAASwF,UAAU,cACrG,yBAAKwB,QAAS,SAAC9C,GAAD,OAAKD,GAAiBC,IAAIsB,UAAU,iBAChD,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,mBACb,yBAAKwB,QAAS,kBAAIjD,MAAqByB,UAAU,wBAC/C,kBAAC,IAAD,QAGJ,uBAAGA,UAAU,eAAb,uBAGF,yBAAKA,UAAU,cACb,kBAACsB,GAAD,SAQN,yBAAKE,QAAS,kBAAIhD,MAAuB7B,MAAO,CAACgF,QAASjH,EAAoB,QAAU,QAASsF,UAAU,cACzG,yBAAKwB,QAAS,SAAC9C,GAAD,OAAKD,GAAiBC,IAAIsB,UAAU,iBAChD,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,mBACb,yBAAKwB,QAAS,kBAAInE,MAAmB2C,UAAU,wBAC7C,kBAAC,IAAD,QAGJ,uBAAGA,UAAU,eAAe,OAE9B,yBAAKA,UAAU,cACb,yBAAKA,UAAU,oBACb,yBAAKwB,QAAS,kBAAIzG,EAAO,eAAeiF,UAAiB,cAANlF,EAAA,iDAAnD,cAGA,yBAAK0G,QAAS,kBAAIzG,EAAO,gBAAgBiF,UAAiB,eAANlF,EAAA,iDAApD,gBAIF,yBAAKkF,UAAU,oBAOrB,yBAAKwB,QAAS,kBAAItD,MAAqBvB,MAAO,CAACgF,QAAS/G,EAAkB,QAAU,QAASoF,UAAU,cACrG,yBAAKwB,QAAS,SAAC9C,GAAD,OAAKD,GAAiBC,IAAIsB,UAAU,iBAChD,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,mBACb,yBAAKwB,QAAS,kBAAItD,MAAqB8B,UAAU,wBAC/C,kBAAC,IAAD,QAGJ,uBAAGA,UAAU,eAAb,wBAGF,yBAAKA,UAAU,cACb,kBAACF,GAAD","file":"static/js/5.a08de681.chunk.js","sourcesContent":["import React , { useEffect, useState, useContext, useRef} from 'react'\r\nimport './style.scss'\r\nimport { ICON_ARROWBACK, ICON_MARKDOWN, ICON_DATE, ICON_CLOSE, ICON_UPLOAD, ICON_NEWMSG, ICON_SETTINGS, ICON_DARK } from '../../Icons'\r\nimport { withRouter, Link } from 'react-router-dom'\r\nimport { getProfileImageSrcString } from '../../squeakimages/images';\r\nimport Loader from '../Loader'\r\nimport moment from 'moment'\r\nimport SqueakCard from '../SqueakCard'\r\nimport {API_URL} from '../../config'\r\n\r\nimport { Form, Input, Select, Checkbox, Relevant, Debug, TextArea, Option } from 'informed';\r\n\r\n\r\nimport { unwrapResult } from '@reduxjs/toolkit'\r\nimport { useSelector } from 'react-redux'\r\nimport { useDispatch } from 'react-redux'\r\n\r\nimport {\r\n fetchProfile,\r\n setFollowProfile,\r\n setUnfollowProfile,\r\n selectCurrentProfile,\r\n setDeleteProfile,\r\n setRenameProfile,\r\n setCreateContactProfile,\r\n setProfileImage,\r\n setClearProfileImage,\r\n getProfilePrivateKey,\r\n} from '../../features/profiles/profilesSlice'\r\nimport {\r\n fetchProfileSqueaks,\r\n selectProfileSqueaks,\r\n selectLastProfileSqueak,\r\n selectProfileSqueaksStatus,\r\n clearProfileSqueaks,\r\n} from '../../features/squeaks/squeaksSlice'\r\n\r\n\r\nconst Profile = (props) => {\r\n const [activeTab, setActiveTab] = useState('Squeaks')\r\n const [moreMenu, setMoreMenu] = useState(false)\r\n const [privateKey, setPrivateKey] = useState('')\r\n const [editModalOpen, setEditModalOpen] = useState(false)\r\n const [changeImageModalOpen, setChangeImageModalOpen] = useState(false)\r\n const [deleteModalOpen, setDeleteModalOpen] = useState(false)\r\n const [exportModalOpen, setExportModalOpen] = useState(false)\r\n const [spendingModalOpen, setSpendingModalOpen] = useState(false)\r\n const [createModalOpen, setCreateModalOpen] = useState(false)\r\n const [tab, setTab] = useState('Sats Spent')\r\n const [styleBody, setStyleBody] = useState(false)\r\n const userParam = props.match.params.username\r\n\r\n const profileSqueaks = useSelector(selectProfileSqueaks);\r\n const lastUserSqueak = useSelector(selectLastProfileSqueak);\r\n const profileSqueaksStatus = useSelector(selectProfileSqueaksStatus);\r\n // const privateKey = 'TODO';\r\n\r\n const user = useSelector(selectCurrentProfile);\r\n const dispatch = useDispatch();\r\n\r\n\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0)\r\n dispatch(fetchProfile(props.match.params.username));\r\n reloadSqueaks();\r\n //preventing edit modal from apprearing after clicking a user on memOpen\r\n setEditModalOpen(false)\r\n }, [props.match.params.username])\r\n\r\n const isInitialMount = useRef(true);\r\n useEffect(() => {\r\n if (isInitialMount.current){ isInitialMount.current = false }\r\n else {\r\n document.getElementsByTagName(\"body\")[0].style.cssText = styleBody && \"overflow-y: hidden; margin-right: 17px\"\r\n }\r\n }, [styleBody])\r\n\r\n useEffect( () => () => document.getElementsByTagName(\"body\")[0].style.cssText = \"\", [] )\r\n\r\n const changeTab = (tab) => {\r\n setActiveTab(tab)\r\n }\r\n\r\n const editProfile = ({values}) => {\r\n dispatch(setRenameProfile({\r\n profileId: user.getProfileId(),\r\n profileName: values.name,\r\n }));\r\n // TODO: chain action to update profile squeaks with the new name.\r\n toggleEditModal()\r\n }\r\n\r\n const deleteProfile = () => {\r\n let values = {\r\n profileId: user.getProfileId(),\r\n }\r\n console.log('Delete user here');\r\n dispatch(setDeleteProfile(values));\r\n toggleDeleteModal();\r\n }\r\n\r\n\r\n const exportPrivateKey = () => {\r\n dispatch(getProfilePrivateKey({\r\n profileId: user.getProfileId(),\r\n }))\r\n .then(unwrapResult)\r\n .then((privateKey) =>{\r\n console.log(privateKey);\r\n setPrivateKey(privateKey);\r\n });\r\n }\r\n\r\n const createContactProfile = ({values}) => {\r\n dispatch(setCreateContactProfile({\r\n pubkey: userParam,\r\n profileName: values.name,\r\n }))\r\n .then(() => {\r\n dispatch(fetchProfile(props.match.params.username));\r\n });\r\n toggleCreateModal();\r\n }\r\n\r\n const toggleEditModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setEditModalOpen(!editModalOpen) },20)\r\n }\r\n\r\n const toggleChangeImageModal = (param, type) => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setChangeImageModalOpen(!changeImageModalOpen) },20)\r\n }\r\n\r\n const toggleDeleteModal = () => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setDeleteModalOpen(!deleteModalOpen) },20)\r\n }\r\n\r\n const toggleExportModal = () => {\r\n setMoreMenu(false);\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setExportModalOpen(!exportModalOpen) },20)\r\n }\r\n\r\n const toggleSpendingModal = (param, type) => {\r\n setStyleBody(!styleBody)\r\n if(type){setTab(type)}\r\n if(type){setTab(type)}\r\n setTimeout(()=>{ setSpendingModalOpen(!spendingModalOpen) },20)\r\n }\r\n\r\n const toggleCreateModal = (param, type) => {\r\n setStyleBody(!styleBody)\r\n setTimeout(()=>{ setCreateModalOpen(!createModalOpen) },20)\r\n }\r\n\r\n const handleModalClick = (e) => {\r\n e.stopPropagation()\r\n }\r\n\r\n const followUser = (e,id) => {\r\n e.stopPropagation()\r\n dispatch(setFollowProfile(id));\r\n }\r\n\r\n const unfollowUser = (e,id) => {\r\n console.log(e);\r\n e.stopPropagation()\r\n dispatch(setUnfollowProfile(id));\r\n }\r\n\r\n const changeAvatar = () => {\r\n let file = document.getElementById('avatar').files[0];\r\n uploadAvatar(file);\r\n toggleChangeImageModal();\r\n }\r\n\r\n const clearAvatar = () => {\r\n dispatch(setClearProfileImage({\r\n profileId: user.getProfileId(),\r\n }));\r\n }\r\n\r\n const uploadAvatar = (file) => {\r\n if (file == null)\r\n return;\r\n const reader = new FileReader();\r\n reader.addEventListener('load', () => {\r\n // convert image file to base64 string\r\n // preview.src = reader.result;\r\n const imageBase64Stripped = reader.result.split(',')[1];\r\n uploadAvatarAsBase64(imageBase64Stripped);\r\n }, false);\r\n if (file) {\r\n reader.readAsDataURL(file);\r\n }\r\n };\r\n\r\n const uploadAvatarAsBase64 = (imageBase64) => {\r\n dispatch(setProfileImage({\r\n profileId: user.getProfileId(),\r\n imageBase64: imageBase64,\r\n }));\r\n };\r\n\r\n const getLastSqueak = (squeakLst) => {\r\n if (squeakLst == null) {\r\n return null;\r\n } if (squeakLst.length === 0) {\r\n return null;\r\n }\r\n return squeakLst.slice(-1)[0];\r\n };\r\n\r\n const getMoreSqueaks = () => {\r\n let lastSqueak = getLastSqueak(profileSqueaks);\r\n dispatch(fetchProfileSqueaks({\r\n profilePubkey: props.match.params.username,\r\n limit: 10,\r\n lastSqueak: lastUserSqueak,\r\n }));\r\n }\r\n\r\n const reloadSqueaks = () => {\r\n dispatch(clearProfileSqueaks());\r\n dispatch(fetchProfileSqueaks({\r\n profilePubkey: props.match.params.username,\r\n limit: 10,\r\n lastSqueak: null,\r\n }));\r\n }\r\n\r\n const openMore = () => { setMoreMenu(!moreMenu) }\r\n\r\n const handleMenuClick = (e) => { e.stopPropagation() }\r\n\r\n\r\n const AddContactProfileForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const EditProfileForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const ChangeProfileImageForm = () => (\r\n
\r\n
\r\n
\r\n \"profile\"\r\n
\r\n \r\n changeAvatar()} title=\" \" id=\"avatar\" style={{opacity:'0'}} type=\"file\"/>\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n\r\n const DeleteProfileForm = () => (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n const ExportPrivateKeyForm = () => (\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n\r\n return(\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
window.history.back()} className=\"header-back-wrapper\">\r\n \r\n
\r\n
\r\n
\r\n
\r\n {userParam}\r\n
\r\n
\r\n
\r\n
\r\n \"\"/\r\n
\r\n
\r\n
\r\n
\r\n \"\"/\r\n
\r\n\r\n {user &&\r\n
\r\n
\r\n \r\n
\r\n
openMore()} style={{display: moreMenu ? 'block' : 'none'}} className=\"more-menu-background\">\r\n
\r\n {moreMenu ?\r\n
handleMenuClick(e)} className=\"more-menu-content\">\r\n
\r\n Edit Profile\r\n
\r\n
\r\n Change Image\r\n
\r\n {user.getHasPrivateKey() &&\r\n
\r\n Export Private Key\r\n
\r\n }\r\n
\r\n Delete Profile\r\n
\r\n
: null }\r\n
\r\n
\r\n
\r\n }\r\n\r\n {user &&\r\n
\r\n user.getFollowing() ?\r\n unfollowUser(e,user.getProfileId()) :\r\n followUser(e,user.getProfileId())\r\n }\r\n className={user.getFollowing() ? 'unfollow-switch profile-edit-button' : 'profile-edit-button'}>\r\n { user.getFollowing() ? 'Following' : 'Follow'}\r\n
\r\n }\r\n\r\n {!user &&\r\n
toggleCreateModal('create')}\r\n className='profiles-create-button'>\r\n Add Contact Profile\r\n
\r\n }\r\n
\r\n
\r\n
{user ? user.getProfileName() : ''}
\r\n
@{userParam}
\r\n
\r\n  \r\n
\r\n
\r\n
\r\n {/* TODO: Implement sats spent */}\r\n
toggleSpendingModal('members','Sats Spent')}>\r\n

0

\r\n

sats spent

\r\n
\r\n {/* TODO: Implement sats eaned */}\r\n
toggleSpendingModal('members', 'Sats Earned')}>\r\n

0

\r\n

sats earned

\r\n
\r\n
\r\n
\r\n
\r\n
changeTab('Squeaks')} className={activeTab ==='Squeaks' ? `profile-nav-item activeTab` : `profile-nav-item`}>\r\n Squeaks\r\n
\r\n
changeTab('Squeaks&Replies')} className={activeTab ==='Squeaks&Replies' ? `profile-nav-item activeTab` : `profile-nav-item`}>\r\n Squeaks & replies\r\n
\r\n
changeTab('Liked')} className={activeTab ==='Liked' ? `profile-nav-item activeTab` : `profile-nav-item`}>\r\n Liked\r\n
\r\n
\r\n {activeTab === 'Squeaks' ?\r\n profileSqueaks.map(t=>{\r\n if(!t.getReplyTo())\r\n return \r\n }) :\r\n activeTab === 'Squeaks&Replies' ?\r\n profileSqueaks.map(t=>{\r\n return \r\n }) :\r\n activeTab === 'Liked' ?\r\n profileSqueaks.map(t=>{\r\n if(t.getLikedTimeMs())\r\n return \r\n }) :\r\n null}\r\n {/* TODO: fix get loading state by doing this: https://medium.com/stashaway-engineering/react-redux-tips-better-way-to-handle-loading-flags-in-your-reducers-afda42a804c6 */}\r\n {profileSqueaks.length > 0 &&\r\n <>\r\n {profileSqueaksStatus == 'loading' ?\r\n :\r\n
getMoreSqueaks()} className='squeak-btn-side squeak-btn-active'>\r\n Load more\r\n
}\r\n \r\n }\r\n\r\n
\r\n\r\n {/* Modal for edit profile */}\r\n
toggleEditModal()} style={{display: editModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleEditModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Edit Profile

\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n {/* Modal for change profile image */}\r\n
toggleChangeImageModal()} style={{display: changeImageModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleChangeImageModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Change Profile Image

\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n {/* Modal for delete profile */}\r\n
toggleDeleteModal()} style={{display: deleteModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleDeleteModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Delete Profile

\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n {/* Modal for export profile */}\r\n
toggleExportModal()} style={{display: exportModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleExportModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Export Private Key

\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n {/* Modal for sats spent and earned */}\r\n
toggleSpendingModal()} style={{display: spendingModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleEditModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

{null}

\r\n
\r\n
\r\n
\r\n
setTab('Sats Spent')} className={tab =='Sats Spent' ? `explore-nav-item activeTab` : `explore-nav-item`}>\r\n Sats Spent\r\n
\r\n
setTab('Sats Earned')} className={tab =='Sats Earned' ? `explore-nav-item activeTab` : `explore-nav-item`}>\r\n Sats Earned\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* Modal for create contact profile */}\r\n
toggleCreateModal()} style={{display: createModalOpen ? 'block' : 'none'}} className=\"modal-edit\">\r\n
handleModalClick(e)} className=\"modal-content\">\r\n
\r\n
\r\n
toggleCreateModal()} className=\"modal-closeIcon-wrap\">\r\n \r\n
\r\n
\r\n

Add Contact Profile

\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n )\r\n }\r\n\r\n export default withRouter(Profile)\r\n"],"sourceRoot":""} \ No newline at end of file diff --git a/squeaknode/admin/webapp/static/build/static/js/runtime-main.be412c48.js b/squeaknode/admin/webapp/static/build/static/js/runtime-main.35bfaaf4.js similarity index 96% rename from squeaknode/admin/webapp/static/build/static/js/runtime-main.be412c48.js rename to squeaknode/admin/webapp/static/build/static/js/runtime-main.35bfaaf4.js index a48ad62a..2093e26e 100644 --- a/squeaknode/admin/webapp/static/build/static/js/runtime-main.be412c48.js +++ b/squeaknode/admin/webapp/static/build/static/js/runtime-main.35bfaaf4.js @@ -1,2 +1,2 @@ -!function(e){function t(t){for(var n,o,i=t[0],c=t[1],l=t[2],s=0,p=[];s