[RELEASE] 2023-06-17

package.json

@@ -6,6 +6,7 @@
   "license": "MIT",
   "scripts": {
     "start": "react-scripts start",
+    "start:node17": "react-scripts --openssl-legacy-provider start",
     "start:install": "npm install && npm run lint && npm run start",
     "build": "react-scripts build",
     "build:install": "npm install && npm run lint && npm run build",
@@ -115,4 +116,4 @@
     "not ie <= 11",
     "not op_mini all"
   ]
-}
+}

src/components/DotaMap/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import patch from 'dotaconstants/build/patch.json';
+import { patchDate } from '../../utility';
 
 const setMapSizeStyle = (width, maxWidth) => ({
   width,
@@ -11,6 +11,7 @@ const setMapSizeStyle = (width, maxWidth) => ({
 });
 
 const dotaMaps = [
+  { patch: '7.33', images: { jpg: '/assets/images/dota2/map/detailed_733.jpg', webp: '/assets/images/dota2/map/detailed_733.webp' } },
   { patch: '7.32', images: { jpg: '/assets/images/dota2/map/detailed_732.jpg', webp: '/assets/images/dota2/map/detailed_732.webp' } },
   { patch: '7.23', images: { jpg: '/assets/images/dota2/map/detailed_723.jpg', webp: '/assets/images/dota2/map/detailed_723.webp' } },
   { patch: '7.20', images: { jpg: '/assets/images/dota2/map/detailed_720.jpg', webp: '/assets/images/dota2/map/detailed_720.webp' } },
@@ -21,10 +22,6 @@ const dotaMaps = [
   { patch: '6.70', images: { jpg: '/assets/images/dota2/map/detailed_pre682.jpg', webp: '/assets/images/dota2/map/detailed_pre682.webp' } },
 ];
 
-const patchDate = {};
-patch.forEach((patchElement) => {
-  patchDate[patchElement.name] = new Date(patchElement.date).getTime() / 1000;
-});
 
 const getPatchMap = (startTime) => {
   if (!startTime) return dotaMaps[0];

src/components/Heatmap/Heatmap.jsx

@@ -38,6 +38,7 @@ class Heatmap extends Component {
 
   static propTypes = {
     width: PropTypes.number,
+    startTime: PropTypes.instanceOf(Date)
   }
 
   componentDidMount() {
@@ -60,13 +61,14 @@ class Heatmap extends Component {
         }}
         id={this.id}
       >
-        <DotaMap width={this.props.width} maxWidth={this.props.width} />
+        <DotaMap width={this.props.width} maxWidth={this.props.width} startTime={this.props.startTime} />
       </div>);
   }
 }
 
 Heatmap.defaultProps = {
   width: 600,
+  startTime: null
 };
 
 export default Heatmap;