fix: update tab icons to be up to material ui standards

Author: vinnyhoward

app/component-library/components-temp/Tabs/TabsIconBar/TabsIconBar.test.tsx

@@ -33,7 +33,7 @@ describe('TabsIconBar', () => {
     {
       key: 'tab3',
       label: 'Predictions',
-      iconName: IconName.Predict,
+      iconName: IconName.Predictions,
       content: null,
     },
   ];

app/component-library/components-temp/Tabs/TabsIconList/TabsIconList.test.tsx

@@ -277,7 +277,7 @@ describe('TabsIconList', () => {
           </View>
           <View
             key="t3"
-            {...(tabViewProps('Predictions', IconName.Predict) as object)}
+            {...(tabViewProps('Predictions', IconName.Predictions) as object)}
           >
             <Text>Content 3</Text>
           </View>
@@ -505,7 +505,7 @@ describe('TabsIconList', () => {
         {
           key: 'pred-tab',
           label: 'Predictions',
-          icon: IconName.Predict,
+          icon: IconName.Predictions,
           content: 'Predictions Content',
         },
       ];

app/component-library/components-temp/Tabs/TabsIconTab/TabsIconTab.test.tsx

@@ -110,7 +110,7 @@ describe('TabsIconTab', () => {
       const icons: IconName[] = [
         IconName.Portfolio,
         IconName.Candlestick,
-        IconName.Predict,
+        IconName.Predictions,
       ];
       icons.forEach((icon) => {
         expect(() =>

app/component-library/components/Icons/Icon/Icon.assets.ts

@@ -123,6 +123,7 @@ import giftSVG from './assets/gift.svg';
 import globalsearchSVG from './assets/global-search.svg';
 import globalSVG from './assets/global.svg';
 import graphSVG from './assets/graph.svg';
+import groupSVG from './assets/group.svg';
 import hardwareSVG from './assets/hardware.svg';
 import hashtagSVG from './assets/hash-tag.svg';
 import heartfilledSVG from './assets/heart-filled.svg';
@@ -177,8 +178,8 @@ import peopleSVG from './assets/people.svg';
 import personcancelSVG from './assets/person-cancel.svg';
 import pinSVG from './assets/pin.svg';
 import plantSVG from './assets/plant.svg';
-import portfolioSVG from './assets/portfolio.svg';
-import predictSVG from './assets/predict.svg';
+import pieChartSVG from './assets/pie-chart.svg';
+import predictionsSVG from './assets/predictions.svg';
 import plugSVG from './assets/plug.svg';
 import plusandminusSVG from './assets/plus-and-minus.svg';
 import policyalertSVG from './assets/policy-alert.svg';
@@ -409,6 +410,7 @@ export const assetByIconName: AssetByIconName = {
   [IconName.GlobalSearch]: globalsearchSVG,
   [IconName.Global]: globalSVG,
   [IconName.Graph]: graphSVG,
+  [IconName.Group]: groupSVG,
   [IconName.Hardware]: hardwareSVG,
   [IconName.HashTag]: hashtagSVG,
   [IconName.HeartFilled]: heartfilledSVG,
@@ -463,8 +465,8 @@ export const assetByIconName: AssetByIconName = {
   [IconName.PersonCancel]: personcancelSVG,
   [IconName.Pin]: pinSVG,
   [IconName.Plant]: plantSVG,
-  [IconName.Portfolio]: portfolioSVG,
-  [IconName.Predict]: predictSVG,
+  [IconName.Portfolio]: pieChartSVG,
+  [IconName.Predictions]: predictionsSVG,
   [IconName.Plug]: plugSVG,
   [IconName.PlusAndMinus]: plusandminusSVG,
   [IconName.PolicyAlert]: policyalertSVG,

app/component-library/components/Icons/Icon/Icon.types.ts

@@ -193,6 +193,7 @@ export enum IconName {
   GlobalSearch = 'GlobalSearch',
   Global = 'Global',
   Graph = 'Graph',
+  Group = 'Group',
   Hardware = 'Hardware',
   HashTag = 'HashTag',
   HeartFilled = 'HeartFilled',
@@ -248,7 +249,7 @@ export enum IconName {
   Pin = 'Pin',
   Plant = 'Plant',
   Portfolio = 'Portfolio',
-  Predict = 'Predict',
+  Predictions = 'Predictions',
   Plug = 'Plug',
   PlusAndMinus = 'PlusAndMinus',
   PolicyAlert = 'PolicyAlert',