rename iconlist to customOptionsOnlyIconList

Author: shreeyash07

manager-dashboard/app/resources/icons/tick_green_on_white.png

@@ -35,6 +35,7 @@ import twoTapIcon from '#resources/icons/2_Tap_Black.png';
 import threeTapIcon from '#resources/icons/3_Tap_Black.png';
 import angularTapIcon from '#resources/icons/tap_icon_angular.png';
 import swipeIcon from '#resources/icons/swipeleft_icon_black.png';
+import check from '#resources/icons/tick_green_on_white.png';
 
 export function valueSelector<T>(item: { value: T }) {
     return item.value;
@@ -81,6 +82,7 @@ export type IconKey = 'add-outline'
     | 'ban-outline'
     | 'check'
     | 'close-outline'
+    | 'checkmark-outline'
     | 'egg-outline'
     | 'ellipse-outline'
     | 'flag-outline'
@@ -131,7 +133,7 @@ function getPngIcon(src: string, alt: string) {
     return element;
 }
 
-export const iconList: IconItem[] = [
+export const customOptionsOnlyIconList: IconItem[] = [
     {
         key: 'add-outline',
         label: 'Add',
@@ -147,6 +149,11 @@ export const iconList: IconItem[] = [
         label: 'Ban',
         component: IoBanOutline,
     },
+    {
+        key: 'checkmark-outline',
+        label: 'Checkmark',
+        component: IoCheckmarkOutline,
+    },
     {
         key: 'close-outline',
         label: 'Close',
@@ -259,7 +266,9 @@ export const iconList: IconItem[] = [
     },
 ];
 
-const instructionsIconList: IconItem[] = [
+// Icon List for scenario pages only.
+// They need to be treated diffrently as they are loaded as pngs
+const scenarioOnlyIconList: IconItem[] = [
     {
         key: 'tap',
         label: 'Tap',
@@ -288,11 +297,11 @@ const instructionsIconList: IconItem[] = [
     {
         key: 'check',
         label: 'Check',
-        component: IoCheckmarkOutline,
+        component: getPngIcon(check, 'check'),
     },
 ];
 
-export const combinedIconList = [...instructionsIconList, ...iconList];
+export const combinedIconList = [...scenarioOnlyIconList, ...customOptionsOnlyIconList];
 
 export const iconMap = listToMap(
     combinedIconList,

manager-dashboard/app/utils/common.tsx

@@ -14,7 +14,7 @@ import TextInput from '#components/TextInput';
 import NumberInput from '#components/NumberInput';
 import SelectInput from '#components/SelectInput';
 import NonFieldError from '#components/NonFieldError';
-import { iconList, keySelector, labelSelector } from '#utils/common';
+import { customOptionsOnlyIconList, keySelector, labelSelector } from '#utils/common';
 
 import SubOptionInput from './SubOptionInput';
 import {
@@ -103,7 +103,7 @@ export default function CustomOptionInput(props: Props) {
                     name="icon"
                     label="Icon"
                     value={value?.icon}
-                    options={iconList}
+                    options={customOptionsOnlyIconList}
                     keySelector={keySelector}
                     labelSelector={labelSelector}
                     onChange={onOptionChange}