Add Mulan, Harald, Zenobia

package.json

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

src/Modals.js

@@ -298,6 +298,16 @@ export class AboutModal extends Component {
               </Button>
               <hr />
               <h2>Release History</h2>
+              <Button
+                className="button-releases-history"
+                variant="primary"
+                size="sm"
+                onClick={() => {
+                  this.showAnnouncement('1.8.0');
+                }}
+              >
+                1.8.0
+              </Button>
               <Button
                 className="button-releases-history"
                 variant="primary"

src/announcements/1_8.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import '../styles/Announcement.css';
+
+const Announcement = React.memo((props) => {
+  return (
+    <>
+      <h1>{`Update: v1.8.0`}</h1>
+      <div>
+        Added new legendary commanders: Mulan, Harald, and Zenobia
+      </div>
+
+      <div className="announce-img-container">
+        <img
+          src={`${process.env.PUBLIC_URL}/images/commanders/Mulan.png`}
+          className="announce-img"
+          alt="Mulan"
+        ></img>
+      </div>
+      <div className="announce-img-container">
+        <img
+          src={`${process.env.PUBLIC_URL}/images/commanders/Harald Sigurdsson.png`}
+          className="announce-img"
+          alt="Harald"
+        ></img>
+      </div>
+      <div className="announce-img-container">
+        <img
+          src={`${process.env.PUBLIC_URL}/images/commanders/Zenobia.png`}
+          className="announce-img"
+          alt="Zenobia"
+        ></img>
+      </div>
+    </>
+  );
+});
+
+export default Announcement;

src/data/commanders.json

@@ -449,5 +449,39 @@
     "guides": {
       "rokguide": "https://rok.guide/matilda-of-flanders/"
     }
+  },
+  "Mulan": {
+    "id": "47",
+    "title": "Legendary Heroine",
+    "tier": "Legendary",
+    "red": "Integration",
+    "yellow": "Peacekeeping",
+    "blue": "Support",
+    "guides": {
+      "rokguide": "https://rok.guide/mulan/"
+    }
+  },
+  "Harald Sigurdsson": {
+    "id": "48",
+    "shortName": "Harald",
+    "title": "Hardrada",
+    "tier": "Legendary",
+    "red": "Infantry",
+    "yellow": "Conquering",
+    "blue": "Skill",
+    "guides": {
+      "rokguide": "https://rok.guide/harald-sigurdsson/"
+    }
+  },
+  "Zenobia": {
+    "id": "49",
+    "title": "Queen of Palmyra",
+    "tier": "Legendary",
+    "red": "Infantry",
+    "yellow": "Garrison",
+    "blue": "Support",
+    "guides": {
+      "rokguide": "https://rok.guide/zenobia/"
+    }
   }
 }