Add Matilda

package.json

@@ -1,7 +1,7 @@
 {
   "name": "rok-talents",
   "title": "RoK Talents",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "dataVersion": 1,
   "description": "Rise of Kingdoms talent builder",
   "homepage": "https://roktalents.com",

src/Modals.js

@@ -297,7 +297,17 @@ export class AboutModal extends Component {
                 View latest release
               </Button>
               <hr />
-              <h2>Release History (click to view):</h2>
+              <h2>Release History</h2>
+              <Button
+                className="button-releases-history"
+                variant="primary"
+                size="sm"
+                onClick={() => {
+                  this.showAnnouncement('1.7.0');
+                }}
+              >
+                1.7.0
+              </Button>
               <Button
                 className="button-releases-history"
                 variant="primary"

src/announcements/1_7.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import '../styles/Announcement.css';
+
+const Announcement = React.memo((props) => {
+  return (
+    <>
+      <h1>{`Update: v1.7.0`}</h1>
+      <div>
+        Added new epic commander: Matilda of Flanders
+      </div>
+
+      <div className="announce-img-container">
+        <img
+          src={`${process.env.PUBLIC_URL}/images/commanders/Matilda of Flanders.png`}
+          className="announce-img"
+          alt="Matilda"
+        ></img>
+      </div>
+    </>
+  );
+});
+
+export default Announcement;

src/data/commanders.json

@@ -437,5 +437,17 @@
     "guides": {
       "rokguide": "https://rok.guide/william-i/"
     }
+  },
+  "Matilda of Flanders": {
+    "id": "46",
+    "shortName": "Matilda",
+    "title": "Duchess Regent of Normandy",
+    "tier": "Epic",
+    "red": "Integration",
+    "yellow": "Gathering",
+    "blue": "Defense",
+    "guides": {
+      "rokguide": "https://rok.guide/matilda-of-flanders/"
+    }
   }
 }