feat(web): optimize icons with SVGO

sumup-oss · Apr 18, 2020 · 9ae9239 · 9ae9239 · vercel · Apr 18, 2020
1 parent 4f75fc7
commit 9ae9239
Show file tree

Hide file tree

Showing 185 changed files with 1,060 additions and 1,021 deletions.
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
   ],
   "scripts": {
     "build": "ts-node ./scripts/node.ts",
+    "optimize": "svgo --config svgo.config.json --pretty --folder web",
     "lint": "foundry run eslint . --ext .ts,.tsx,.js,.jsx",
     "lint:fix": "yarn lint --fix",
     "lint:ci": "yarn lint --format junit -o __reports__/eslint-results.xml",
@@ -34,7 +35,11 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "dedent": "^0.7.0",
     "lodash": "^4.17.15",
+    "svgo": "^1.3.2",
     "ts-node": "^8.8.2",
     "typescript": "^3.8.3"
+  },
+  "peerDependencies": {
+    "react": "16.x"
   }
 }
diff --git a/scripts/node.ts b/scripts/node.ts
@@ -27,7 +27,7 @@ const DIST_DIR = path.join(BASE_DIR, 'dist');
 const BABEL_CONFIG = {
   cwd: BASE_DIR,
   presets: [['@babel/preset-env', { modules: false }], '@babel/preset-react'],
-  plugins: ['inline-react-svg'],
+  plugins: [['inline-react-svg', { svgo: false }]],
 };
 
 enum IconSize {

diff --git a/svgo.config.json b/svgo.config.json
@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    {
+      "convertColors": {
+        "currentColor": "#212933"
+      }
+    }
+  ]
+}
diff --git a/web/add_item_filled_large.svg b/web/add_item_filled_large.svg
diff --git a/web/add_item_large.svg b/web/add_item_large.svg
diff --git a/web/add_person_filled_large.svg b/web/add_person_filled_large.svg
diff --git a/web/add_person_large.svg b/web/add_person_large.svg
diff --git a/web/american_express_large.svg b/web/american_express_large.svg