Add prettier task and run it

RedHatInsights · Nov 21, 2024 · 8a641c2 · 8a641c2
1 parent c06ebba
commit 8a641c2
Show file tree

Hide file tree

Showing 9 changed files with 200 additions and 77 deletions.
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
   ],
   "scripts": {
     "build": "next build",
+    "prettier": "prettier --write \"**/*.tsx\"",
     "dev": "concurrently \"node proxy.mjs\"  \"DEV=true next dev\"",
     "lint": "eslint --ext .js,.ts,.tsx ./src",
     "start": "next start",

diff --git a/packages/common/config/icon-ansible.tsx b/packages/common/config/icon-ansible.tsx
@@ -4,15 +4,19 @@ const AnsibleIcon = () => {
   return (
     <svg width="38" height="38" viewBox="0 0 38 38">
       <defs>
-        <style>
-          {`.a{fill:#fff;}.b{fill:#e00;}`}
-        </style>
+        <style>{`.a{fill:#fff;}.b{fill:#e00;}`}</style>
       </defs>
-      <rect x="1.6251" y="1.6252" width="34.75" height="34.75" rx="8.375"/>
-      <path d="M28,2.25A7.7587,7.7587,0,0,1,35.75,10V28A7.7587,7.7587,0,0,1,28,35.75H10A7.7587,7.7587,0,0,1,2.25,28V10A7.7587,7.7587,0,0,1,10,2.25H28M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z"/>
-      <path className="a" d="M15,23.6252a.6145.6145,0,0,1-.2563-.0557.6245.6245,0,0,1-.313-.8262l2.021-4.4814.0083-.0176L18.43,13.8752a.65.65,0,0,1,1.14,0l4,8.8681a.6251.6251,0,0,1-.9453.7569L17.274,19.4787,15.57,23.257A.6251.6251,0,0,1,15,23.6252Zm2.8013-5.3145,3.6284,2.7276L19,15.6525Z"/>
-      <path className="b" d="M19,30.1252A11.125,11.125,0,1,1,30.1251,19,11.1374,11.1374,0,0,1,19,30.1252Zm0-21A9.875,9.875,0,1,0,28.8751,19,9.8859,9.8859,0,0,0,19,9.1252Z"/>
-     </svg>
-    )
-  ;}
- export default AnsibleIcon;
+      <rect x="1.6251" y="1.6252" width="34.75" height="34.75" rx="8.375" />
+      <path d="M28,2.25A7.7587,7.7587,0,0,1,35.75,10V28A7.7587,7.7587,0,0,1,28,35.75H10A7.7587,7.7587,0,0,1,2.25,28V10A7.7587,7.7587,0,0,1,10,2.25H28M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z" />
+      <path
+        className="a"
+        d="M15,23.6252a.6145.6145,0,0,1-.2563-.0557.6245.6245,0,0,1-.313-.8262l2.021-4.4814.0083-.0176L18.43,13.8752a.65.65,0,0,1,1.14,0l4,8.8681a.6251.6251,0,0,1-.9453.7569L17.274,19.4787,15.57,23.257A.6251.6251,0,0,1,15,23.6252Zm2.8013-5.3145,3.6284,2.7276L19,15.6525Z"
+      />
+      <path
+        className="b"
+        d="M19,30.1252A11.125,11.125,0,1,1,30.1251,19,11.1374,11.1374,0,0,1,19,30.1252Zm0-21A9.875,9.875,0,1,0,28.8751,19,9.8859,9.8859,0,0,0,19,9.1252Z"
+      />
+    </svg>
+  );
+};
+export default AnsibleIcon;
diff --git a/packages/common/config/icon-edge.tsx b/packages/common/config/icon-edge.tsx
diff --git a/packages/common/config/icon-generic.tsx b/packages/common/config/icon-generic.tsx
@@ -9,13 +9,28 @@ const GenericIcon = () => {
           {`.bd54039f-1ff7-4ad7-a5a2-655d1144d9f5{fill:#fff;}`}
         </style>
       </defs>
-      <path d="M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z"/>
-      <path className="babc916c-e1fb-432c-82f5-f31008f864ae" d="M27.4316,14.5173a2.65775,2.65775,0,1,1,2.65807-2.65806A2.66118,2.66118,0,0,1,27.4316,14.5173Zm0-3.70835a1.05061,1.05061,0,1,0,1.05093,1.05029A1.05121,1.05121,0,0,0,27.4316,10.809Z"/>
-      <path className="babc916c-e1fb-432c-82f5-f31008f864ae" d="M23.91472,30.09466a4.88358,4.88358,0,1,1,4.88421-4.883A4.88913,4.88913,0,0,1,23.91472,30.09466Zm0-8.16a3.27644,3.27644,0,1,0,3.27707,3.27707A3.28,3.28,0,0,0,23.91472,21.93464Z"/>
-      <path className="bd54039f-1ff7-4ad7-a5a2-655d1144d9f5" d="M16.97388,26.37187A.80378.80378,0,0,1,16.923,24.766c.19274-.01256.38421-.03139.57318-.05776a.803.803,0,1,1,.22851,1.58957q-.3456.05085-.69873.07282C17.0084,26.37187,16.99083,26.37187,16.97388,26.37187Z"/>
-      <path className="bd54039f-1ff7-4ad7-a5a2-655d1144d9f5" d="M13.41493,25.75161a.81535.81535,0,0,1-.31766-.06529,8.63073,8.63073,0,0,1-1.18338-.62528A.804.804,0,0,1,12.774,23.7025a6.77718,6.77718,0,0,0,.95989.50726.80392.80392,0,0,1-.31892,1.54185ZM9.82209,22.61015a.804.804,0,0,1-.68869-.388,8.46313,8.46313,0,0,1-.59891-1.19782.80323.80323,0,1,1,1.48912-.60268,6.99016,6.99016,0,0,0,.48591.96931.80345.80345,0,0,1-.68743,1.21917Zm-1.08733-4.6444c-.02135,0-.04269-.00062-.06466-.00251a.8034.8034,0,0,1-.737-.86509A8.51376,8.51376,0,0,1,8.144,15.77728a.80351.80351,0,1,1,1.56194.37793,6.92215,6.92215,0,0,0-.17076,1.071A.80391.80391,0,0,1,8.73476,17.96575Zm14.895-2.50425a.803.803,0,0,1-.73577-.48089,6.88007,6.88007,0,0,0-.51354-.95612.80386.80386,0,0,1,1.35352-.86761,8.47972,8.47972,0,0,1,.63156,1.17836.80373.80373,0,0,1-.73577,1.12626ZM10.55912,13.55741a.80353.80353,0,0,1-.6121-1.324,8.61392,8.61392,0,0,1,.94231-.948.8035.8035,0,1,1,1.04841,1.21791,6.987,6.987,0,0,0-.76527.77093A.80322.80322,0,0,1,10.55912,13.55741Zm9.90213-1.66553a.80348.80348,0,0,1-.40932-.11237,6.89571,6.89571,0,0,0-.9737-.47838A.80369.80369,0,0,1,19.67086,9.807a8.59184,8.59184,0,0,1,1.20159.59013.804.804,0,0,1-.4112,1.49476Zm-5.84912-.85379A.80347.80347,0,0,1,14.4194,9.4548a8.62887,8.62887,0,0,1,1.31773-.21972.80351.80351,0,0,1,.14062,1.60086,7.07009,7.07009,0,0,0-1.07163.17829A.79241.79241,0,0,1,14.61213,11.03809Z"/>
-      <path className="bd54039f-1ff7-4ad7-a5a2-655d1144d9f5" d="M24.20853,19.70976a.79414.79414,0,0,1-.11551-.00817.803.803,0,0,1-.68053-.91029q.03956-.27968.0565-.56815a.81994.81994,0,0,1,.84878-.75523.80364.80364,0,0,1,.75585.8494q-.02071.356-.07156.70375A.80311.80311,0,0,1,24.20853,19.70976Z"/>
+      <path d="M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z" />
+      <path
+        className="babc916c-e1fb-432c-82f5-f31008f864ae"
+        d="M27.4316,14.5173a2.65775,2.65775,0,1,1,2.65807-2.65806A2.66118,2.66118,0,0,1,27.4316,14.5173Zm0-3.70835a1.05061,1.05061,0,1,0,1.05093,1.05029A1.05121,1.05121,0,0,0,27.4316,10.809Z"
+      />
+      <path
+        className="babc916c-e1fb-432c-82f5-f31008f864ae"
+        d="M23.91472,30.09466a4.88358,4.88358,0,1,1,4.88421-4.883A4.88913,4.88913,0,0,1,23.91472,30.09466Zm0-8.16a3.27644,3.27644,0,1,0,3.27707,3.27707A3.28,3.28,0,0,0,23.91472,21.93464Z"
+      />
+      <path
+        className="bd54039f-1ff7-4ad7-a5a2-655d1144d9f5"
+        d="M16.97388,26.37187A.80378.80378,0,0,1,16.923,24.766c.19274-.01256.38421-.03139.57318-.05776a.803.803,0,1,1,.22851,1.58957q-.3456.05085-.69873.07282C17.0084,26.37187,16.99083,26.37187,16.97388,26.37187Z"
+      />
+      <path
+        className="bd54039f-1ff7-4ad7-a5a2-655d1144d9f5"
+        d="M13.41493,25.75161a.81535.81535,0,0,1-.31766-.06529,8.63073,8.63073,0,0,1-1.18338-.62528A.804.804,0,0,1,12.774,23.7025a6.77718,6.77718,0,0,0,.95989.50726.80392.80392,0,0,1-.31892,1.54185ZM9.82209,22.61015a.804.804,0,0,1-.68869-.388,8.46313,8.46313,0,0,1-.59891-1.19782.80323.80323,0,1,1,1.48912-.60268,6.99016,6.99016,0,0,0,.48591.96931.80345.80345,0,0,1-.68743,1.21917Zm-1.08733-4.6444c-.02135,0-.04269-.00062-.06466-.00251a.8034.8034,0,0,1-.737-.86509A8.51376,8.51376,0,0,1,8.144,15.77728a.80351.80351,0,1,1,1.56194.37793,6.92215,6.92215,0,0,0-.17076,1.071A.80391.80391,0,0,1,8.73476,17.96575Zm14.895-2.50425a.803.803,0,0,1-.73577-.48089,6.88007,6.88007,0,0,0-.51354-.95612.80386.80386,0,0,1,1.35352-.86761,8.47972,8.47972,0,0,1,.63156,1.17836.80373.80373,0,0,1-.73577,1.12626ZM10.55912,13.55741a.80353.80353,0,0,1-.6121-1.324,8.61392,8.61392,0,0,1,.94231-.948.8035.8035,0,1,1,1.04841,1.21791,6.987,6.987,0,0,0-.76527.77093A.80322.80322,0,0,1,10.55912,13.55741Zm9.90213-1.66553a.80348.80348,0,0,1-.40932-.11237,6.89571,6.89571,0,0,0-.9737-.47838A.80369.80369,0,0,1,19.67086,9.807a8.59184,8.59184,0,0,1,1.20159.59013.804.804,0,0,1-.4112,1.49476Zm-5.84912-.85379A.80347.80347,0,0,1,14.4194,9.4548a8.62887,8.62887,0,0,1,1.31773-.21972.80351.80351,0,0,1,.14062,1.60086,7.07009,7.07009,0,0,0-1.07163.17829A.79241.79241,0,0,1,14.61213,11.03809Z"
+      />
+      <path
+        className="bd54039f-1ff7-4ad7-a5a2-655d1144d9f5"
+        d="M24.20853,19.70976a.79414.79414,0,0,1-.11551-.00817.803.803,0,0,1-.68053-.91029q.03956-.27968.0565-.56815a.81994.81994,0,0,1,.84878-.75523.80364.80364,0,0,1,.75585.8494q-.02071.356-.07156.70375A.80311.80311,0,0,1,24.20853,19.70976Z"
+      />
     </svg>
-  )
-;}
+  );
+};
 export default GenericIcon;
diff --git a/packages/common/config/icon-insights.tsx b/packages/common/config/icon-insights.tsx
@@ -2,18 +2,27 @@ import React from 'react';
 
 const InsightsIcon = () => {
   return (
-    <svg width="38" height="38"  viewBox="0 0 38 38">
+    <svg width="38" height="38" viewBox="0 0 38 38">
       <defs>
         <style>
           {`.fd697ec5-dedd-4cbd-b54c-c319c7282cac{fill: #fff;}`}
           {`.b71bb37e-4f3b-4552-bf19-fa5bca65c863{fill: #e00;}`}
         </style>
       </defs>
-      <path d="M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z"/>
-      <path className="fd697ec5-dedd-4cbd-b54c-c319c7282cac" d="M27.38,11.09a.62.62,0,0,0-.16-.31h0A11.54,11.54,0,0,0,19,7.38a.61.61,0,0,0-.62.62v8.46A2.62,2.62,0,1,0,21.62,19a2.56,2.56,0,0,0-.38-1.35l6-6A.61.61,0,0,0,27.38,11.09Zm-1.51.15-5.52,5.52a2.49,2.49,0,0,0-.73-.3V8.64A10.28,10.28,0,0,1,25.87,11.24ZM19,20.38A1.38,1.38,0,1,1,20.38,19,1.38,1.38,0,0,1,19,20.38Z"/>
-      <path className="b71bb37e-4f3b-4552-bf19-fa5bca65c863" d="M19,29.62A10.63,10.63,0,0,1,15.81,8.86a.64.64,0,0,1,.79.41.62.62,0,0,1-.41.78,9.39,9.39,0,1,0,10.93,4.26.62.62,0,0,1,.23-.85.61.61,0,0,1,.85.23A10.62,10.62,0,0,1,19,29.62Z"/>
-      <path className="b71bb37e-4f3b-4552-bf19-fa5bca65c863" d="M19,25.62a6.62,6.62,0,0,1-3.31-12.36.62.62,0,1,1,.62,1.08,5.39,5.39,0,1,0,7.76,2.87.62.62,0,0,1,.38-.8.63.63,0,0,1,.8.38A6.64,6.64,0,0,1,19,25.62Z"/>
+      <path d="M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z" />
+      <path
+        className="fd697ec5-dedd-4cbd-b54c-c319c7282cac"
+        d="M27.38,11.09a.62.62,0,0,0-.16-.31h0A11.54,11.54,0,0,0,19,7.38a.61.61,0,0,0-.62.62v8.46A2.62,2.62,0,1,0,21.62,19a2.56,2.56,0,0,0-.38-1.35l6-6A.61.61,0,0,0,27.38,11.09Zm-1.51.15-5.52,5.52a2.49,2.49,0,0,0-.73-.3V8.64A10.28,10.28,0,0,1,25.87,11.24ZM19,20.38A1.38,1.38,0,1,1,20.38,19,1.38,1.38,0,0,1,19,20.38Z"
+      />
+      <path
+        className="b71bb37e-4f3b-4552-bf19-fa5bca65c863"
+        d="M19,29.62A10.63,10.63,0,0,1,15.81,8.86a.64.64,0,0,1,.79.41.62.62,0,0,1-.41.78,9.39,9.39,0,1,0,10.93,4.26.62.62,0,0,1,.23-.85.61.61,0,0,1,.85.23A10.62,10.62,0,0,1,19,29.62Z"
+      />
+      <path
+        className="b71bb37e-4f3b-4552-bf19-fa5bca65c863"
+        d="M19,25.62a6.62,6.62,0,0,1-3.31-12.36.62.62,0,1,1,.62,1.08,5.39,5.39,0,1,0,7.76,2.87.62.62,0,0,1,.38-.8.63.63,0,0,1,.8.38A6.64,6.64,0,0,1,19,25.62Z"
+      />
     </svg>
-  )
-;}
+  );
+};
 export default InsightsIcon;
diff --git a/packages/common/config/icon-openshift.tsx b/packages/common/config/icon-openshift.tsx
@@ -9,14 +9,32 @@ const OpenShiftIcon = () => {
           {`.b{fill:#e00;}`}
         </style>
       </defs>
-      <path d="M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z"/>
-      <path className="a" d="M10.09863,22.18994a.625.625,0,0,1-.25488-1.1958l2.74072-1.22021a.62492.62492,0,1,1,.50879,1.1416l-2.74072,1.22021A.619.619,0,0,1,10.09863,22.18994Z"/>
-      <path className="a" d="M8.832,25.49072a.625.625,0,0,1-.25488-1.1958l2.74023-1.22021a.62492.62492,0,1,1,.50879,1.1416L9.08594,25.43652A.61731.61731,0,0,1,8.832,25.49072Z"/>
-      <path className="a" d="M26.42773,14.91943a.62473.62473,0,0,1-.2539-1.1958L28.915,12.50342a.62472.62472,0,1,1,.50781,1.1416l-2.74121,1.22021A.61563.61563,0,0,1,26.42773,14.91943Z"/>
-      <path className="a" d="M25.16113,18.22021a.62473.62473,0,0,1-.2539-1.1958l2.74023-1.22021a.62472.62472,0,1,1,.50781,1.1416L25.415,18.166A.61581.61581,0,0,1,25.16113,18.22021Z"/>
-      <path className="b" d="M18.95166,28.63379A9.593,9.593,0,0,1,12.8291,26.4165a.625.625,0,0,1,.7959-.96386,8.37943,8.37943,0,0,0,13.71289-6.1045.61006.61006,0,0,1,.65039-.59814.6249.6249,0,0,1,.59766.65088,9.65521,9.65521,0,0,1-9.63428,9.23291Z"/>
-      <path className="b" d="M9.97461,19.22607l-.02881-.00048a.62539.62539,0,0,1-.59619-.65284A9.6291,9.6291,0,0,1,25.10547,11.5835a.62531.62531,0,0,1-.79688.96386,8.37815,8.37815,0,0,0-13.71,6.082A.62532.62532,0,0,1,9.97461,19.22607Z"/>
+      <path d="M28,1H10a9,9,0,0,0-9,9V28a9,9,0,0,0,9,9H28a9,9,0,0,0,9-9V10a9,9,0,0,0-9-9Z" />
+      <path
+        className="a"
+        d="M10.09863,22.18994a.625.625,0,0,1-.25488-1.1958l2.74072-1.22021a.62492.62492,0,1,1,.50879,1.1416l-2.74072,1.22021A.619.619,0,0,1,10.09863,22.18994Z"
+      />
+      <path
+        className="a"
+        d="M8.832,25.49072a.625.625,0,0,1-.25488-1.1958l2.74023-1.22021a.62492.62492,0,1,1,.50879,1.1416L9.08594,25.43652A.61731.61731,0,0,1,8.832,25.49072Z"
+      />
+      <path
+        className="a"
+        d="M26.42773,14.91943a.62473.62473,0,0,1-.2539-1.1958L28.915,12.50342a.62472.62472,0,1,1,.50781,1.1416l-2.74121,1.22021A.61563.61563,0,0,1,26.42773,14.91943Z"
+      />
+      <path
+        className="a"
+        d="M25.16113,18.22021a.62473.62473,0,0,1-.2539-1.1958l2.74023-1.22021a.62472.62472,0,1,1,.50781,1.1416L25.415,18.166A.61581.61581,0,0,1,25.16113,18.22021Z"
+      />
+      <path
+        className="b"
+        d="M18.95166,28.63379A9.593,9.593,0,0,1,12.8291,26.4165a.625.625,0,0,1,.7959-.96386,8.37943,8.37943,0,0,0,13.71289-6.1045.61006.61006,0,0,1,.65039-.59814.6249.6249,0,0,1,.59766.65088,9.65521,9.65521,0,0,1-9.63428,9.23291Z"
+      />
+      <path
+        className="b"
+        d="M9.97461,19.22607l-.02881-.00048a.62539.62539,0,0,1-.59619-.65284A9.6291,9.6291,0,0,1,25.10547,11.5835a.62531.62531,0,0,1-.79688.96386,8.37815,8.37815,0,0,0-13.71,6.082A.62532.62532,0,0,1,9.97461,19.22607Z"
+      />
     </svg>
-  )
-;}
+  );
+};
 export default OpenShiftIcon;
diff --git a/packages/common/config/icon-services.tsx b/packages/common/config/icon-services.tsx
@@ -4,27 +4,32 @@ const ServicesIcon = () => {
   return (
     <svg width="38" height="38" viewBox="0 0 38 38">
       <style type="text/css">
-          {`.st0{fill:#EE0000;}`}
-          {`.st1{fill:#FFFFFF;}`}
+        {`.st0{fill:#EE0000;}`}
+        {`.st1{fill:#FFFFFF;}`}
       </style>
       <g>
-        <path d="M27.5,0.5h-18c-4.97,0-9,4.03-9,9v18c0,4.97,4.03,9,9,9h18c4.97,0,9-4.03,9-9v-18C36.5,4.53,32.47,0.5,27.5,0.5L27.5,0.5z"
-            />
-        <path className="st1" d="M25.51,22.17H12.64c-2.98,0-5.41-2.42-5.41-5.41c0-3.15,2.67-5.7,5.92-5.38c1.18-2.27,3.52-3.7,6.1-3.7
+        <path d="M27.5,0.5h-18c-4.97,0-9,4.03-9,9v18c0,4.97,4.03,9,9,9h18c4.97,0,9-4.03,9-9v-18C36.5,4.53,32.47,0.5,27.5,0.5L27.5,0.5z" />
+        <path
+          className="st1"
+          d="M25.51,22.17H12.64c-2.98,0-5.41-2.42-5.41-5.41c0-3.15,2.67-5.7,5.92-5.38c1.18-2.27,3.52-3.7,6.1-3.7
             c3.75,0,6.81,3.02,6.88,6.76c1.71,0.44,2.94,1.98,2.94,3.79c0,1.96-1.45,3.6-3.33,3.89C25.68,22.15,25.6,22.17,25.51,22.17z
              M12.64,12.61c-2.29,0-4.16,1.86-4.16,4.15s1.86,4.16,4.16,4.16h12.5c1.48,0,2.68-1.2,2.68-2.68c0-1.37-1.03-2.51-2.4-2.65
             c-0.33-0.04-0.58-0.32-0.56-0.66l0.01-0.12c0.01-0.08,0.01-0.17,0.01-0.25c0-3.1-2.52-5.63-5.63-5.63c-2.24,0-4.27,1.33-5.16,3.39
-            c-0.12,0.27-0.4,0.42-0.69,0.37C13.15,12.63,12.89,12.61,12.64,12.61z"/>
-        <path className="st0" d="M25.5,23.87c-1.23,0-2.26,0.85-2.54,2h-1.92c-0.23-0.94-0.97-1.68-1.92-1.92v-7.95l0.93,0.93
+            c-0.12,0.27-0.4,0.42-0.69,0.37C13.15,12.63,12.89,12.61,12.64,12.61z"
+        />
+        <path
+          className="st0"
+          d="M25.5,23.87c-1.23,0-2.26,0.85-2.54,2h-1.92c-0.23-0.94-0.97-1.68-1.92-1.92v-7.95l0.93,0.93
             c0.12,0.12,0.28,0.18,0.44,0.18s0.32-0.06,0.44-0.18c0.24-0.24,0.24-0.64,0-0.88l-2-2c-0.24-0.24-0.64-0.24-0.88,0l-2,2
             c-0.24,0.24-0.24,0.64,0,0.88c0.24,0.24,0.64,0.24,0.88,0l0.93-0.93v7.95c-0.94,0.23-1.68,0.97-1.92,1.92h-1.92
             c-0.28-1.15-1.31-2-2.54-2c-1.45,0-2.62,1.18-2.62,2.62s1.18,2.62,2.62,2.62c1.23,0,2.26-0.85,2.54-2h1.92c0.28,1.15,1.31,2,2.54,2
             s2.26-0.85,2.54-2h1.92c0.28,1.15,1.31,2,2.54,2c1.45,0,2.62-1.18,2.62-2.62S26.95,23.87,25.5,23.87z M11.5,27.87
             c-0.76,0-1.38-0.62-1.38-1.38s0.62-1.38,1.38-1.38s1.38,0.62,1.38,1.38S12.26,27.87,11.5,27.87z M18.5,27.87
             c-0.76,0-1.38-0.62-1.38-1.38s0.62-1.38,1.38-1.38s1.38,0.62,1.38,1.38S19.26,27.87,18.5,27.87z M25.5,27.87
-            c-0.76,0-1.38-0.62-1.38-1.38s0.62-1.38,1.38-1.38s1.38,0.62,1.38,1.38S26.26,27.87,25.5,27.87z"/>
+            c-0.76,0-1.38-0.62-1.38-1.38s0.62-1.38,1.38-1.38s1.38,0.62,1.38,1.38S26.26,27.87,25.5,27.87z"
+        />
       </g>
     </svg>
-  )
-;}
+  );
+};
 export default ServicesIcon;
diff --git a/packages/common/config/icon-subscriptions.tsx b/packages/common/config/icon-subscriptions.tsx
@@ -5,21 +5,40 @@ const SubscriptionsIcon = () => {
     <svg width="38" height="38" viewBox="0 0 42 42" version="1.1">
       <g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
         <g id="Group-31">
-          <path d="M31.5,0 L10.5,0 C4.70101013,0 0,4.70101013 0,10.5 L0,31.5 C0,37.2989899 4.70101013,42 10.5,42 L31.5,42 C37.2989899,42 42,37.2989899 42,31.5 L42,10.5 C42,4.70101013 37.2989899,0 31.5,0 Z" id="Path-Copy" fill="#000000" fillRule="nonzero"></path>
+          <path
+            d="M31.5,0 L10.5,0 C4.70101013,0 0,4.70101013 0,10.5 L0,31.5 C0,37.2989899 4.70101013,42 10.5,42 L31.5,42 C37.2989899,42 42,37.2989899 42,31.5 L42,10.5 C42,4.70101013 37.2989899,0 31.5,0 Z"
+            id="Path-Copy"
+            fill="#000000"
+            fillRule="nonzero"
+          ></path>
           <g id="Group-32" transform="translate(8.000000, 8.000000)">
             <g id="Group-30">
               <circle id="Oval-Copy-3" stroke="#FFFFFF" cx="13" cy="13" r="13"></circle>
-              <path d="M0,26 C7.17970175,26 13,20.1797017 13,13 C13,5.82029825 7.17970175,0 0,0" id="Oval" stroke="#EE0000" strokeLinecap="round" strokeLinejoin="round" transform="translate(6.500000, 13.000000) rotate(-180.000000) translate(-6.500000, -13.000000) "></path>
+              <path
+                d="M0,26 C7.17970175,26 13,20.1797017 13,13 C13,5.82029825 7.17970175,0 0,0"
+                id="Oval"
+                stroke="#EE0000"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                transform="translate(6.500000, 13.000000) rotate(-180.000000) translate(-6.500000, -13.000000) "
+              ></path>
             </g>
             <g id="Group-28" transform="translate(4.000000, 4.000000)">
               <circle id="Oval-Copy-4" stroke="#FFFFFF" cx="9" cy="9" r="9"></circle>
-              <path d="M9,18 C13.9705627,18 18,13.9705627 18,9 C18,4.02943725 13.9705627,0 9,0 C4.02943725,0 0,4.02943725 0,9" id="Oval" stroke="#EE0000" strokeLinecap="round" strokeLinejoin="round" transform="translate(9.000000, 9.000000) rotate(-180.000000) translate(-9.000000, -9.000000) "></path>
+              <path
+                d="M9,18 C13.9705627,18 18,13.9705627 18,9 C18,4.02943725 13.9705627,0 9,0 C4.02943725,0 0,4.02943725 0,9"
+                id="Oval"
+                stroke="#EE0000"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                transform="translate(9.000000, 9.000000) rotate(-180.000000) translate(-9.000000, -9.000000) "
+              ></path>
             </g>
           </g>
           <path d="M17,20.746988 L20.1640625,24 L26,18" id="Path-2" stroke="#FFFFFF" strokeWidth="1.15"></path>
         </g>
       </g>
     </svg>
-  )
-;}
+  );
+};
 export default SubscriptionsIcon;