https://www.dipseastories.com/_next/static/chunks/pages/my-stories/listen-history-6c672eb1eaf799b1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6619],{4408:(n,e,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/my-stories/listen-history",function(){return t(44158)}])},44158:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>j});var i=t(28888),r=t(37876),o=t(14232),c=t(89099),u=t(38784),f=t(16144),l=t(87087),a=t(48280),s=t(71413),d=t(19704);async function m(){let n=(0,a.Ny)();return n&&await (0,l._V)("/users/".concat(n.id,"/listens"))||{}}async function g(){let[n,e]=await Promise.all([m(),(0,s.G9)()]);return Object.keys(n||{}).sort((e,t)=>n[t].timestamp-n[e].timestamp).map(n=>(0,d.G4)(e.tracks[n],e)).filter(n=>!!n)}var x=t(94532),p=t(28484),h=t(85463),_=t(82479),y=t(35988);function w(){let n=(0,i._)(["\n    padding: 30px 0;\n  "]);return w=function(){return n},n}let j=(0,c.withRouter)(function(){let[n,e]=o.useState([]),t=(0,y.d4)(n=>{var e;return!!(null==(e=n.user)?void 0:e.id)});return o.useEffect(()=>{g().then(n=>{e(n)})},[t]),(0,r.jsx)(f.A,{title:"Dipsea",children:(0,r.jsxs)(v,{children:[(0,r.jsx)(x.M,{page:"listens"}),n.map(n=>(0,r.jsx)(C,{children:(0,r.jsx)(u.a,{...n,playIndicator:!0})},"favorites-".concat(n.id)))]})})}),v=p.default.div.withConfig({displayName:"ListenHisotryContainer",componentId:"sc-32f976d4-0"})(["display:flex;flex-direction:column;flex:1;"]),C=p.default.div.withConfig({displayName:"SectionDivider",componentId:"sc-32f976d4-1"})(["padding:15px 0;border-bottom:1px solid ",";",""],_.Tj.white25,n=>(0,h.config)(n).media.md(w()))},94532:(n,e,t)=>{"use strict";t.d(e,{M:()=>O});var i=t(28888),r=t(37876);t(14232);var o=t(28484),c=t(78463),u=t(85463),f=t(48230),l=t.n(f),a=t(85140);function s(){let n=(0,i._)(["\n  "]);return s=function(){return n},n}function d(){let n=(0,i._)(["\n  "]);return d=function(){return n},n}function m(){let n=(0,i._)(["\n      margin: 38px 0;\n      flex-direction: row;\n      align-items: center;\n    "]);return m=function(){return n},n}function g(){let n=(0,i._)(["\n  "]);return g=function(){return n},n}function x(){let n=(0,i._)(["\n  "]);return x=function(){return n},n}function p(){let n=(0,i._)(["\n  "]);return p=function(){return n},n}function h(){let n=(0,i._)(["\n    justify-content: none;\n    margin: 0;\n  "]);return h=function(){return n},n}function _(){let n=(0,i._)(["\n    \n  "]);return _=function(){return n},n}function y(){let n=(0,i._)(["\n  "]);return y=function(){return n},n}function w(){let n=(0,i._)(["\n  "]);return w=function(){return n},n}function j(){let n=(0,i._)(["\n  "]);return j=function(){return n},n}function v(){let n=(0,i._)(["\n      display: none;\n    "]);return v=function(){return n},n}function C(){let n=(0,i._)(["\n  "]);return C=function(){return n},n}function N(){let n=(0,i._)(["\n  "]);return N=function(){return n},n}function I(){let n=(0,i._)(["\n  "]);return I=function(){return n},n}function T(){let n=(0,i._)(["\n      font-size: 45px;\n    "]);return T=function(){return n},n}function b(){let n=(0,i._)(["\n    font-size: 60px;\n  "]);return b=function(){return n},n}function k(){let n=(0,i._)(["\n  "]);return k=function(){return n},n}function E(){let n=(0,i._)(["\n  "]);return E=function(){return n},n}function M(){let n=(0,i._)(["\n  "]);return M=function(){return n},n}function z(){let n=(0,i._)(["\n  "]);return z=function(){return n},n}function L(){let n=(0,i._)(["\n    margin-left: 40px;\n  "]);return L=function(){return n},n}function S(){let n=(0,i._)(["\n  "]);return S=function(){return n},n}function G(){let n=(0,i._)(["\n  "]);return G=function(){return n},n}function O(n){return(0,r.jsxs)(P,{children:[(0,r.jsxs)($,{children:[(0,r.jsx)(D,{children:"My Library"}),(0,r.jsx)(A,{children:(0,r.jsx)(l(),{href:"/account",children:(0,r.jsx)(a.A,{size:22})})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(R,{$selected:"favorites"===n.page,children:(0,r.jsx)(l(),{href:"/my-stories/favorites",children:"Favorites"})}),(0,r.jsx)(R,{$selected:"listens"===n.page,children:(0,r.jsx)(l(),{href:"/my-stories/listen-history",children:"Listen History"})})]})]})}let P=o.default.div.withConfig({displayName:"YourStoriesMenuContainer",componentId:"sc-fee66c1e-0"})(["display:flex;flex-direction:column;margin:32px 0 19px 0;"," "," "," ",""],n=>(0,u.config)(n).media.xs(s()),n=>(0,u.config)(n).media.sm(d()),n=>(0,u.config)(n).media.md(m()),n=>(0,u.config)(n).media.xl(g())),$=o.default.div.withConfig({displayName:"TitleContainer",componentId:"sc-fee66c1e-1"})(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:19px;"," "," "," "," ",""],n=>(0,u.config)(n).media.xs(x()),n=>(0,u.config)(n).media.sm(p()),n=>(0,u.config)(n).media.md(h()),n=>(0,u.config)(n).media.lg(_()),n=>(0,u.config)(n).media.xl(y())),A=o.default.div.withConfig({displayName:"IconContainer",componentId:"sc-fee66c1e-2"})([""," "," "," "," ",""],n=>(0,u.config)(n).media.xs(w()),n=>(0,u.config)(n).media.sm(j()),n=>(0,u.config)(n).media.md(v()),n=>(0,u.config)(n).media.lg(C()),n=>(0,u.config)(n).media.xl(N())),D=o.default.h1.withConfig({displayName:"Title",componentId:"sc-fee66c1e-3"})(["margin:0;color:",';font-family:"Queens Condensed Light";font-size:36px;font-style:normal;font-weight:400;line-height:100%;'," "," "," "," ",""],c.T.white,n=>(0,u.config)(n).media.xs(I()),n=>(0,u.config)(n).media.sm(T()),n=>(0,u.config)(n).media.md(b()),n=>(0,u.config)(n).media.lg(k()),n=>(0,u.config)(n).media.xl(E())),H=o.default.div.withConfig({displayName:"MenuContainer",componentId:"sc-fee66c1e-4"})(["display:flex;"," "," "," "," ",""],n=>(0,u.config)(n).media.xs(M()),n=>(0,u.config)(n).media.sm(z()),n=>(0,u.config)(n).media.md(L()),n=>(0,u.config)(n).media.lg(S()),n=>(0,u.config)(n).media.xl(G())),R=o.default.div.withConfig({displayName:"MenuItem",componentId:"sc-fee66c1e-5"})(['margin-right:20px;a{font-family:"Good Sans Regular";font-size:16px;font-style:normal;font-weight:700;line-height:125%;letter-spacing:-0.3px;text-decoration:none;color:',";"," &:hover{color:",";}}"],c.T.white,n=>n.$selected?"\n              text-decoration: underline;\n              text-underline-offset: 6px;\n              text-decoration-thickness: 2px;\n              color: ".concat(c.T.orange,";"):"",c.T.orange)}},n=>{var e=e=>n(n.s=e);n.O(0,[4e3,4085,9878,7490,2264,6144,8784,636,6593,8792],()=>e(4408)),_N_E=n.O()}]);
2//# sourceMappingURL=listen-history-6c672eb1eaf799b1.js.map