Add icons

package.json

@@ -24,7 +24,8 @@
     "eject": "react-scripts eject",
     "predeploy": "yarn run build",
     "deploy": "gh-pages -d build",
-    "fetch-spells": "ts-node --files --project src/tools/tsconfig.json src/tools/data-fetch.ts"
+    "fetch-spells": "ts-node --files --project src/tools/tsconfig.json src/tools/fetch-spells.ts",
+    "fetch-icons": "ts-node --files --project src/tools/tsconfig.json src/tools/fetch-icons.ts"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -44,10 +45,12 @@
   "devDependencies": {
     "@types/cheerio": "^0.22.12",
     "@types/node-fetch": "^2.5.0",
+    "@types/request": "^2.48.2",
     "@welldone-software/why-did-you-render": "^3.2.1",
     "cheerio": "^1.0.0-rc.3",
     "gh-pages": "^2.0.1",
     "node-fetch": "^2.6.0",
+    "request": "^2.88.0",
     "ts-node": "^8.3.0"
   }
 }

src/components/Icon.tsx

@@ -54,8 +54,9 @@ export const Icon = React.forwardRef<HTMLDivElement, Props>((props, ref) => {
 })
 
 const iconUrl = (name: string, size: string): string => {
-  if (name === NOT_FOUND_ICON) {
+  try {
     return require(`../images/icons/${size}/${name}.jpg`)
+  } catch (e) {
+    return `https://wow.zamimg.com/images/wow/icons/${size}/${name}.jpg`
   }
-  return `https://wow.zamimg.com/images/wow/icons/${size}/${name}.jpg`
 }