https://resourcewatch.org/_next/static/chunks/pages/dashboards-f775b6158d92ab70.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7404],{48753:function(e,s,a){"use strict";a.d(s,{Z:function(){return f}});var n=a(92777),r=a(82262),c=a(45959),t=a(63553),l=a(37247),o=a(59499),i=a(67294),d=a(94184),u=a.n(d),h=a(85893);function m(e){var s=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,l.Z)(e);if(s){var r=(0,l.Z)(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return(0,t.Z)(this,a)}}var v=function(e){(0,c.Z)(a,e);var s=m(a);function a(){return(0,n.Z)(this,a),s.apply(this,arguments)}return(0,r.Z)(a,[{key:"render",value:function(){var e=this.props,s=e.dashboards,a=e.onSelect,n="thumbnail-list-item",r=e.user?n:"".concat(n," no-user");return(0,h.jsx)("div",{className:"c-dashboards-thumbnail-list",children:(0,h.jsx)("div",{className:"row l-row -equal-height",children:s.map((function(e){return(0,h.jsx)("div",{className:u()({column:!0,"small-12":!0,"medium-6":!0,"large-3":!0}),children:(0,h.jsx)("button",{tabIndex:"0",className:r,style:{backgroundImage:"url(".concat(e.photo&&e.photo.cover,")")},onClick:function(){return a(e)},children:(0,h.jsx)("div",{className:"content",htmlFor:"dashboards-".concat(e.slug),children:(0,h.jsxs)("div",{className:"text",children:[(0,h.jsx)("h4",{className:"dashboard-title",children:e.name}),(0,h.jsxs)("div",{className:"dashboard-author",children:[(0,h.jsx)("div",{className:"image",style:{backgroundImage:"url(".concat(e.user&&e.user.photo?e.user.photo:"/static/images/logo-no-text.svg",")")}}),(0,h.jsx)("div",{className:"name",children:e.user?e.user.name:"Resource Watch staff"})]})]})})},e.slug)},e.slug)}))})})}}]),a}(i.PureComponent);(0,o.Z)(v,"defaultProps",{onSelect:function(){},dashboards:[],user:!1});var f=v},71539:function(e,s,a){"use strict";a.r(s),a.d(s,{__N_SSP:function(){return v},default:function(){return f}});var n=a(67294),r=a(11163),c=a(41664),t=a.n(c),l=a(49863),o=a(48753),i=a(9948),d=a(82359),u=a(58200),h=a(85893);function m(e){var s=e.dataPage,a=(0,r.useRouter)(),c=(0,n.useMemo)((function(){var e;return null!==s&&void 0!==s&&null!==(e=s.photo)&&void 0!==e&&e.cover?{backgroundImage:"url(".concat(s.photo.cover,")")}:{}}),[s]),m=(0,n.useCallback)((function(e){var s=e.slug;a.push("/dashboards/".concat(s))}),[a]),v=(0,u.E4)({env:"production"},{select:function(e){return e.map((function(e){var s=e.name,a=e.slug;return{name:"ocean"===a?"Ocean Watch":s,slug:"ocean"===a?"ocean-watch":a,photo:e.photo,user:e.user}}))},placeholderData:[],refetchOnWindowFocus:!1}).data,f=(0,u.mN)({include:"user",env:"production"},{select:function(e){return e.map((function(e){return{name:e.name,slug:e.slug,photo:e.photo,user:e.user}}))},placeholderData:[],refetchOnWindowFocus:!1}).data;return(0,h.jsxs)(l.Z,{title:"Dashboards",description:"The latest facts and figures on cities, energy, food and more.",className:"l-static",children:[(0,h.jsx)("div",{className:"l-content",children:(0,h.jsx)("div",{className:"l-content-header",children:(0,h.jsx)("div",{className:"cover",style:c,children:(0,h.jsx)("div",{className:"row",children:(0,h.jsx)("div",{className:"column small-12",children:(0,h.jsxs)("div",{className:"content",children:[(0,h.jsx)("h1",{children:"Dashboards"}),(0,h.jsx)("p",{children:(null===s||void 0===s?void 0:s.summary)||"Find data and visualizations for different topic areas of interest"})]})})})})})}),(0,h.jsx)("div",{id:"featuredDashboards",className:"l-section -small",children:(0,h.jsx)("div",{className:"l-container",children:(0,h.jsx)("div",{className:"row",children:(0,h.jsxs)("div",{className:"column small-12",children:[(0,h.jsxs)("div",{className:"c-dashboards-subheader-block",children:[(0,h.jsx)("h2",{children:"Featured dashboards"}),(0,h.jsx)("p",{children:"Discover collections of curated data on the major challenges facing human society and the planet"})]}),(0,h.jsx)(o.Z,{onSelect:m,dashboards:v})]})})})}),f.length>0&&(0,h.jsx)("div",{id:"dashboardsGallery",className:"l-section -small",children:(0,h.jsx)("div",{className:"l-container",children:(0,h.jsx)("div",{className:"row",children:(0,h.jsxs)("div",{className:"column small-12",children:[(0,h.jsxs)("div",{className:"c-dashboards-subheader-block",children:[(0,h.jsx)("h2",{children:"Dashboard gallery"}),(0,h.jsx)("p",{children:"Browse collections of data and visualizations developed by the Resource Watch team and partners"})]}),(0,h.jsx)(o.Z,{onSelect:m,dashboards:f,user:!0})]})})})}),(0,h.jsx)("aside",{className:"l-postcontent",children:(0,h.jsx)("div",{className:"l-container",children:(0,h.jsx)("div",{className:"row align-center",children:(0,h.jsx)("div",{className:"column small-12",children:(0,h.jsxs)(i.Z,{className:"-text-center",children:[(0,h.jsxs)("p",{className:"-claim",children:["Create and share"," ",(0,h.jsx)("br",{}),"custom visualizations."]}),(0,h.jsx)(d.Z,{children:(0,h.jsx)(t(),{href:"/myrw/dashboards",children:(0,h.jsx)("a",{className:"c-button -alt -primary",children:"Create a dashboard"})})})]})})})})})]})}var v=!0;function f(e){var s=e.dataPage;return(0,h.jsx)(m,{dataPage:s})}},84322:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboards",function(){return a(71539)}])}},function(e){e.O(0,[9774,2888,179],(function(){return s=84322,e(e.s=s);var s}));var s=e.O();_N_E=s}]);