https://www.steamgriddb.com/static/assets/f09f8495cfae93afb089.js

1(self.webpackChunksgdb=self.webpackChunksgdb||[]).push([[2986],{72005:(e,t,a)=>{"use strict";a.d(t,{Z:()=>c});var n=a(89526),r=a(67309),s=a(16418),l=a(33706);const c=function(e){var t,a=(0,r.kY)(),c=a.cache,o=a.mutate,m=(0,n.useRef)(!1),i=(0,n.useContext)(l.Z),u=c.has(e),d=sessionStorage.getItem("last_preloaded_key")===e,f=(0,r.ZP)(u&&d?null:e,{fallbackData:u&&d&&(null===(t=c.get(e))||void 0===t?void 0:t.data)}),E=f.data,p=f.error,h=f.mutate,v=(0,n.useCallback)((function(){var t;return u&&d?null===(t=c.get(e))||void 0===t?void 0:t.data:E}),[u,d,E,c,e]);return(0,n.useEffect)((function(){return e?u?function(){m.current&&(sessionStorage.removeItem("last_preloaded_key"),i.current.complete())}:(E||p||(i.current.continuousStart(),m.current=!0),function(){m.current&&i.current&&i.current.complete()}):function(){m.current&&i.current&&i.current.complete()}}),[e,u,E,p,i]),{data:v(),error:p,mutate:function(){u&&d?(c.delete(e),o(e,(0,s.Z)(e),!0)):h()}}}},68495:(e,t,a)=>{"use strict";a.d(t,{Z:()=>m}),a(54994);var n=a(89526),r=a(2652),s=a.n(r),l=a(780),c=a(93656),o=function(e){var t=e.data;return n.createElement("div",{className:"collection","data-asset-type":"collection","data-id":t.id},n.createElement("div",{className:"details"},n.createElement(c.Z,{to:"/collection/".concat(t.id),preload:"/api/public/collection/".concat(t.id),className:"title"},t.name),n.createElement("div",{className:"details muted"},(new Intl.NumberFormat).format(t.counts.grid)," ","Grid",1!=t.counts.grid?"s":""," • ",(new Intl.NumberFormat).format(t.counts.hero)," ","Hero",1!=t.counts.hero?"es":""," • ",(new Intl.NumberFormat).format(t.counts.logo)," ","Logo",1!=t.counts.logo?"s":""," • ",(new Intl.NumberFormat).format(t.counts.icon)," ","Icon",1!=t.counts.icon?"s":""),n.createElement("div",{className:"profile"},n.createElement(l.Z,{badges:t.author.badges,steam64:t.author.steam64,avatar:t.author.avatar,name:t.author.name})),n.createElement(c.Z,{to:"/collection/".concat(t.id),preload:"/api/public/collection/".concat(t.id),className:"description"},n.createElement("div",{dangerouslySetInnerHTML:{__html:t.description_parsed}}))))};o.propTypes={data:s().any};const m=o},32986:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>j}),a(39275),a(22321),a(73214),a(40199),a(80044),a(55862),a(54994),a(38472),a(86125),a(43326),a(26364),a(86632),a(10853),a(61928),a(54883),a(45007),a(68995),a(18821),a(4845);var n=a(89526),r=a(2652),s=a.n(r),l=a(59934),c=a(60617),o=a(53672),m=a(8836),i=a(78518),u=a(87322),d=a.n(u),f=a(93954),E=a.n(f),p=a(44481),h=a.n(p),v=a(72005),g=a(66748),b=a(13898),y=a(54659),N=a(82494),M=a(7723),_=a(62730),k=a(6467),w=a(68495),Z=a(93656),Y=a(780),D=a(63361),A=a(47769),I=a(86066),L=a(12392),C=a(35555),S=a(58093),T=a(61263);function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,s,l,c=[],o=!0,m=!1;try{if(s=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;o=!1}else for(;!(o=(n=s.call(a)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){m=!0,r=e}finally{try{if(!o&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(m)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return O(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?O(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}d().extend(E()),d().extend(h());var H={grid:"grids",hero:"heroes",logo:"logos",icon:"icons"},U=function(e){var t=e.data;return n.createElement("div",null,Object.keys(t).reverse().map((function(e){return n.createElement("div",{key:e},n.createElement("h3",{className:"text-center"},e,"-bit"),n.createElement("div",{className:"icon-wrap"},Object.keys(t[e]).reverse().map((function(a){return n.createElement("div",{key:a,className:"icon-item"},n.createElement("span",null,a,"×",a),n.createElement("a",{href:t[e][a],target:"_blank",rel:"noreferrer"},n.createElement("div",null,n.createElement("img",{src:t[e][a]}))))}

1))))})))};U.propTypes={data:s().any.isRequired};const j=function(){var e=(0,_.Z)().showAds,t=(0,l.UO)(),a=t.id,r=t.asset_type,s=(0,v.Z)("/api/public/asset/".concat(r,"/").concat(a)),u=s.data,f=s.mutate,E=(0,y.Z)().user,p=x((0,n.useState)(),2),h=(p[0],p[1]),O=x((0,n.useState)(),2),j=(O[0],O[1]),P=x((0,n.useState)(),2),F=P[0],R=P[1],W=(0,n.useRef)(),$=(0,n.useRef)(),B=(0,n.useRef)(),V=(0,n.useCallback)((function(e){B.current=e}),[]),G=x((0,m.Z)(B.current),2)[1],q=(0,n.useCallback)((function(e,t,a){h(e),j(t),R(a)}),[]),J=x((0,N.Z)(r,u.asset?u.asset.id:null),1)[0],z=(0,n.useCallback)((function(){return f()}),[]),K=(0,n.useMemo)((function(){return!!u.asset&&d()().isAfter(d()(1e3*u.asset.date).add(3,"day"))}),[u.asset]),Q="yes"===localStorage.getItem("BOOP");return(0,n.useEffect)((function(){u.asset&&(h(u.asset.upvotes),j(u.asset.downvotes),R(u.asset.hearts))}),[u]),u?null==u.asset&&u.dmca?n.createElement("div",{className:"container"},n.createElement("div",{className:"columns is-centered"},n.createElement("div",{className:"column"},n.createElement("h3",{className:"text-center"},"Asset removed in response to DMCA takedown notice sent by ",u.dmca_text)))):null==u.asset?n.createElement("div",{className:"container"},n.createElement("div",{className:"columns is-centered"},n.createElement("div",{className:"column"},n.createElement("h1",{className:"text-center"},"Asset is Deleted")))):n.createElement("div",{className:"container-asset-page",ref:V},u.asset.is_deleted?n.createElement(o.Z,null,n.createElement("title",null,"Deleted Asset")):n.createElement(o.Z,null,n.createElement("title",null,r.toLowerCase().replace(/(^|\s)(\w)/g,(function(e){return e.toUpperCase()}))," for ",u.asset.game.name," by ",u.asset.author.name)),n.createElement(I.Z,{title:"Edit Asset",ref:W},n.createElement(L.Z,{assetType:H[r],assetId:parseInt(u.asset.id)})),n.createElement(I.Z,{title:"Add to Collection",ref:$},n.createElement(C.Z,{assetType:r,assetId:parseInt(u.asset.id),onAdded:z})),n.createElement("div",{className:"image-container asset-".concat(r)},u.asset.is_deleted?n.createElement("div",{className:"image-wrap"},n.createElement("div",null,n.createElement("h2",{className:"text-center"},"Asset is Deleted"),n.createElement("p",{className:"text-center"},"Some metadata kept for reference purposes. You can see this cause you're a mod."),u.dmca&&"DMCA takedown notice by sent by ".concat(u.dmca_text))):n.createElement("div",{className:"image-wrap"},"icon"===r&&u.asset.extra_data?n.createElement(U,{data:u.asset.extra_data}):n.createElement(k.Z,{processing:u.asset.processing,animated:u.asset.is_animated,src:u.asset.thumb})),e&&n.createElement(i.bI,{type:"leaderboard_atf",cssClass:"cancer cancer-leaderboard"}),n.createElement("div",null,n.createElement("div",{className:"columns"},u.logs.length>0&&n.createElement("div",{className:"column"},n.createElement("h3",null,"Log"),n.createElement("table",null,n.createElement("thead",null,n.createElement("tr",null,n.createElement("th",

1null,"Action"),n.createElement("th",null,"Message"),n.createElement("th",null,"User"),n.createElement("th",null,"Date"),n.createElement("th",null))),n.createElement("tbody",null,u.logs.map((function(e){return n.createElement(n.Fragment,{key:e.id},n.createElement("tr",null,n.createElement("td",null,e.actions),n.createElement("td",null,e.message),n.createElement("td",null,n.createElement("a",{href:"/profile/".concat(e.steam64)},e.username)),n.createElement("td",null,n.createElement("span",null,d()(1e3*e.time).format("YYYY-MM-DD, HH:mm"))),n.createElement("td",null,n.createElement("a",{href:"/log/".concat(e.id)},"View Details"))))}))))),u.archive&&n.createElement("div",{className:"column"},n.createElement("h3",null,"Archive"),n.createElement("table",null,n.createElement("thead",null,n.createElement("tr",null,n.createElement("th",null,"State"),n.createElement("th",null,"Last Try"),n.createElement("th",null))),n.createElement("tbody",null,n.createElement("tr",null,n.createElement("td",null,u.archive.state),n.createElement("td",null,n.createElement("span",null,d()(1e3*u.archive.last_try).format("YYYY-MM-DD, HH:mm"))),n.createElement("td",null,u.archive.link&&n.createElement("a",{href:u.archive.link,target:"_blank",rel:"noreferrer"},"Wayback Link"))))))))),n.createElement("div",{className:"sidebar-container",style:{maxHeight:G||0}},n.createElement("h2",null,n.createElement(Z.Z,{to:"/game/".concat(u.asset.game.id),preload:"/api/public/game/".concat(u.asset.game.id)},u.asset.game.name," ",u.asset.game.release_date?n.createElement("span",{className:"muted"},"(",(0,S.ol)(u.asset.game.release_date),")"):null)),n.createElement(Y.Z,{badges:u.asset.author.badges,steam64:u.asset.author.steam64,avatar:u.asset.author.avatar,name:u.asset.author.name}),u.asset.notes&&n.createElement("div",{dangerouslySetInnerHTML:{__html:u.asset.notes}}),n.createElement("div",{className:"asset-stats"},n.createElement(b.dJ,{likeCount:F,isLiked:u.asset.is_hearted,assetType:r,assetId:u.asset.id,onLiked:q}),n.createElement("div",null,K?"".concat(u.asset.downloads," view").concat(1===u.asset.downloads?"":"s"):n.createElement(c.ZP,{theme:"sgdb",placement:"top",content:"It's too soon to tell, check back in about ".concat(d()(d()(1e3*u.asset.date).add(3,"day")).fromNow(!0),".")},n.createElement("span",{className:"cursor-help"},"? views"))),E&&n.createElement(g.tT,{canVote:u.asset.can_vote,canSeeList:E.role>0,assetType:r,assetId:u.asset.id,isUpvoted:u.asset.is_upvoted,isDownvoted:u.asset.is_downvoted,onVoted:q})),!u.asset.processing&&n.createElement("div",{className:"asset-download"},n.createElement("a",{className:"btn",href:u.asset.url,target:"_blank",rel:"noreferrer"},n.createElement(A.Z,{name:"download"})," DOWNLOAD"),u.asset.is_animated&&"WebP"===u.asset.animation_type&&n.createElement(c.ZP,{theme:"sgdb",placement:"top",content:"Download with the .png file extension."},n.createElement("a",{className:"btn",href:u.asset.fake_png,target:"_blank",rel:"noreferrer"},"DOWNLOAD AS .PNG")),Q&&n.createElement(n.Fragment,null,u.asset.show_boop&&n.createElement(T.Z,{color:!0,className:"btn boop-btn",nonSteam:u.asset.show_boop,assetType:r,assetId:u.asset.id}),n.createElement(T.Z,{color:!0,className:"btn boop-btn",nonSteam:!u.asset.show_boop,assetType:r,assetId:u.asset.id}))),n.createElement(D.Z,{style:u.asset.style,width:u.asset.width,height:u.asset.height,icon:"icon"==r,iconData:u.asset.extra_data,mime:u.asset.mime}),n.createElement("div",null,n.createElement(c.ZP,{theme:"sgdb",placement:"top",content:d()(1e3*u.asset.date).format("YYYY-MM-DD, HH:mm")},n.createElement("span",{className:"muted txt-small"},d()().isAfter(d()(1e3*u.asset.date).add(7,"day"))?"Uploaded on ".concat(d()(1e3*u.asset.date).format("lll")):"Uploaded ".concat(d()().to(d()(1e3*u.asset.date)))))),n.createElement("div",{className:"asset-actions"},u.asset.can_collect&&n.createElement("button",{type:"button",className:"muted",onClick:function(e){e.preventDefault(),$.current.toggle()}},n.createElement(A.Z,{name:"plus"})," Add to Collection"),n.createElement(M.f4,{assetType:r,assetId:u.asset.id,author:u.asset.author,className:"muted"},n.createElement(A.Z,{name:"flag"})," Report"),E&&E.role>=1&&n.createElement("button",{type:"button",className:"muted",onClick:function(){return J()}},n.createElement(A.Z,{name:"library"})," Archive"),u.asset.can_edit&&n.createElement("button",{type:"button",className:"muted",onClick:function(e){e.preventDefault(),W.current.toggle(

1)}},n.createElement(A.Z,{name:"gear"})," Edit")),u.collections.length>0&&n.createElement("div",{className:"asset-collections"},n.createElement("h3",null,"In ",u.collections.length," Collection",u.collections.length>1?"s":""),u.collections.map((function(e){return n.createElement(w.Z,{key:e.id,data:e})}))),e&&n.createElement(i.bI,{type:"med_rect_atf",cssClass:"cancer cancer-rectangle"}))):null}},44481:function(e){e.exports=function(){"use strict";var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,a,n){var r=a.prototype,s=r.format;n.en.formats=e,r.format=function(t){void 0===t&&(t="YYYY-MM-DDTHH:mm:ssZ");var a=this.$locale().formats,n=function(t,a){return t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var s=r&&r.toUpperCase();return n||a[r]||e[r]||a[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,a){return t||a.slice(1)}))}))}(t,void 0===a?{}:a);return s.call(this,n)}}}()},93954:function(e){e.exports=function(){"use strict";return function(e,t,a){e=e||{};var n=t.prototype,r={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function s(e,t,a,r){return n.fromToBase(e,t,a,r)}a.en.relativeTime=r,n.fromToBase=function(t,n,s,l,c){for(var o,m,i,u=s.$locale().relativeTime||r,d=e.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],f=d.length,E=0;E<f;E+=1){var p=d[E];p.d&&(o=l?a(t).diff(s,p.d,!0):s.diff(t,p.d,!0));var h=(e.rounding||Math.round)(Math.abs(o));if(i=o>0,h<=p.r||!p.r){h<=1&&E>0&&(p=d[E-1]);var v=u[p.l];c&&(h=c(""+h)),m="string"==typeof v?v.replace("%d",h):v(h,n,p.l,i);break}}if(n)return m;var g=i?u.future:u.past;return"function"==typeof g?g(m):g.replace("%s",m)},n.to=function(e,t){return s(e,t,this,!0)},n.from=function(e,t){return s(e,t,this)};var l=function(e){return e.$u?a.utc():a()};n.toNow=function(e){return this.to(l(this),e)},n.fromNow=function(e){return this.from(l(this),e)}}}()}}]);