https://onchainmonkey.com/static/js/7084.4b4f0c92.chunk.js

1"use strict";(self.webpackChunkocmp_fe=self.webpackChunkocmp_fe||[]).push([[7084],{37084:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var r,o,i,s=e(22119),l=e(14041),d=e(22771),c=e(36210),a=e(5840),h=e(17352),f=e(26968),x=e(36046),m=e(82709),p=e(39750),u=e(30247),w=e(87017),j=e(18690),y=e(31071),b=e(21087),g=e(12632),v=e(36136),A=e(17984),O=e(31085);const E=y.Ay.div(r||(r=(0,s.A)(["\n  background: #222222;\n"]))),R=y.Ay.div(o||(o=(0,s.A)(["\n  width: 100%;\n  ",";\n  margin: 0 auto;\n  padding: "," ",";\n  overflow-x: hidden;\n\n  > * {\n    :not(:last-child) {\n      ",";\n    }\n  }\n  h1 {\n    ",";\n    color: ",";\n  }\n  table {\n    border-top: none;\n    border-bottom: none;\n    border-collapse: collapse;\n    width: 100%;\n    height: auto;\n  }\n\n  tbody > :first-child > * {\n    ",";\n  }\n\n  th {\n    text-align: left;\n    ",";\n    color: ",";\n    text-transform: uppercase;\n    border-bottom: 1px solid ",";\n    ",";\n    ",";\n    ",";\n  }\n  tr {\n    border-top: none;\n    border-bottom: none;\n  }\n  td {\n    max-width: 120px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: normal;\n    font-family: Roboto;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 18px;\n    ",";\n    color: ",";\n    ",";\n  }\n"])),v._3,(0,v.rU)(6),(0,v.rU)(2),(0,v.QB)(3),m.sx,b.t2.OcmGreen,(0,v.Ls)(2),m.uO,b.t2.OcmPink,b.t2.OcmPink,(0,v.QB)(5),(0,v.gL)(2),(0,v.T)(2),(0,v.eI)(4),b.t2.OcmWhite,(0,v.gL)(2)),U=y.Ay.div(i||(i=(0,s.A)(["\n  display: flex;\n  flex-direction: row;\n\n  > :first-child {\n    flex: 1;\n    max-width: 20px;\n    margin-right: ",";\n  }\n\n  > :not(:first-child) {\n    flex: 1;\n  }\n"])),(0,v.rU)(1));function k(n){let{user:t}=n;const e=(0,j.Zp)();(0,l.useLayoutEffect)(u.e,[]),(0,l.useEffect)((()=>{(0,h.wR)(t)||e("/connect")}),[t,e]);const{isLoading:r,data:o}=(0,w.useQuery)(["banana-transfers",t],(async()=>(0,g.Y)("/user/transfers","GET")));return(0,O.jsx)(E,{children:(0,O.jsxs)(R,{children:[(0,O.jsx)(p.A,{children:"Banana Transactions"}),(0,O.jsx)(d.A,{width:"250px",children:(0,O.jsx)(f.Bn,{to:"/profile",children:"BACK TO MY ACCOUNT"})}),r?(0,O.jsx)("div",{children:(0,O.jsx)(x.i2,{})}):(0,O.jsxs)("table",{children:[(0,O.jsx)("thead",{children:(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{style:{width:"60%"},children:"Event"}),(0,O.jsx)("th",{style:{width:"20%"},children:"Amount"}),(0,O.jsx)("th",{style:{width:"20%"},children:"Age"})]})}),(0,O.jsx)("tbody",{children:o&&o.displayTransferRows.map(((n,e)=>{const r=n.fromUser===(null===t||void 0===t?void 0:t.discordUserId());const o=function(n){let{transferEventDescription:t,qty:e}=n;return"!RISE"===t&&e>1?b.t2.OcmYellow:b.t2.OcmWhite}(n);return(0,O.jsxs)("tr",{children:[(0,O.jsx)("td",{style:{width:"60%",color:o},children:(0,O.jsxs)(U,{children:["discord"===n.platform&&(0,O.jsx)(A.qi,{width:20,fill:o}),"twitter"===n.platform&&(0,O.jsx)(A.z0,{width:20,fill:o}),(0,O.jsxs)("div",{children:[function(n){let{transferEventDescription:t,qty:e}=n;return"give-to-earn"===t?"Received from give-to-earn":"!RISE"===t&&e>1?"".concat(t," (").concat(e,"x)"):t}(n)," ",(i=r?n.toUsername:n.fromUsername,i.startsWith("banana/")?"":"rise"===i?"!RISE":i)]})]})}),(0,O.jsx)("td",{style:{width:"20%",color:o},children:n.qty*(r?-1:1)}),(0,O.jsx)(c.A,{title:new Date(n.created_at).toString(),children:(0,O.jsx)("td",{style:{width:"20%",color:o},children:(0,a.getHumanReadableTime)(n.created_at,2)})})]},"".concat(e,"_").concat(n.created_at));var i}))})]})]})})}},39750:(n,t,e)=>{e.d(t,{A:()=>c});var r,o=e(22119),i=e(31071),s=e(21087),l=e(36136),d=e(82709);const c=i.Ay.h1(r||(r=(0,o.A)(["\n  position: static;\n  left: 0%;\n  right: 0.08%;\n  top: 0%;\n  bottom: 97.78%;\n\n  /* title 32 */\n\n  ","\n  text-align: center;\n\n  /* OCM green */\n\n  color: ",";\n\n  /* Inside Auto Layout */\n\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n  ",";\n"])),d.sx,s.t2.OcmGreen,(0,l.dC)(5,0))}}]);