Bug 1574628 - Change Perfherder's icon (#5928)

change color and symbols reordering; swap out triangles with diamonds

ui/perfherder/constants.js

@@ -61,21 +61,21 @@ export const alertStatusMap = {
 };
 
 export const graphColors = [
+  ['dark-puce', '#4C3146'],
   ['orange', '#FFB851'],
+  ['purple', '#921181'],
   ['fire-red', '#C92D2F'],
   ['cerulean', '#16BCDE'],
   ['blue-bell', '#464876'],
-  ['purple', '#921181'],
-  ['dark-puce', '#4C3146'],
 ];
 
 export const graphSymbols = [
-  ['circle', 'outline'],
+  ['diamond', 'outline'],
+  ['diamond', 'fill'],
   ['square', 'outline'],
-  ['triangleUp', 'outline'],
-  ['circle', 'fill'],
   ['square', 'fill'],
-  ['triangleUp', 'fill'],
+  ['circle', 'outline'],
+  ['circle', 'fill'],
 ];
 
 export const phFrameworksWithRelatedBranches = [

ui/shared/GraphIcon.jsx

@@ -11,8 +11,10 @@ const GraphIcon = ({ iconType, fill, stroke }) => {
     case 'square':
       iconPath = <rect x="1" y="1" width="15" height="15" />;
       break;
-    case 'triangleUp':
-      iconPath = <polygon points="1,13.5 7.1,2.3 13.5,13.5" />;
+    case 'diamond':
+      iconPath = (
+        <rect x="-7" y="9" width="10" height="10" transform="rotate(-45)" />
+      );
       break;
     default:
       iconPath = <circle cx="10" cy="10" r="5" />;