return warning icons from LPD based on the type of incoming message
This commit is contained in:
parent
3a7906c8ce
commit
722579161e
@ -9,7 +9,7 @@ import DANGER_ICON from 'src/assets/icons/danger.svg';
|
||||
import type { Element, IconElement } from 'src/types/element';
|
||||
import type { Widget, MapWarningWidget } from 'src/types/widget';
|
||||
import type { WidgetCluster } from 'src/types/support-types';
|
||||
import ThreatAirDefenseSmReg from 'src/assets/icons/threats/airdefense-sm-reg.svg';
|
||||
import { mapTargetTypeToWarningIcon } from 'src/prototype/utils/helpers';
|
||||
|
||||
// Functions to create widgets, elements, and sections for each message type
|
||||
const requestApprovalToAttackMessageHigh = (
|
||||
@ -50,7 +50,7 @@ const requestApprovalToAttackMessageHigh = (
|
||||
h: 50,
|
||||
w: 50,
|
||||
widgetId: minimapWidgetId1,
|
||||
src: ThreatAirDefenseSmReg,
|
||||
src: mapTargetTypeToWarningIcon(message.data.target.type),
|
||||
} satisfies IconElement,
|
||||
];
|
||||
|
||||
|
@ -9,7 +9,7 @@ import type { Element, IconElement } from 'src/types/element';
|
||||
import DANGER_ICON from 'src/assets/icons/danger.svg';
|
||||
import type { MapWarningWidget, Widget } from 'src/types/widget';
|
||||
import type { WidgetCluster } from 'src/types/support-types';
|
||||
import ThreatAirDefenseSmReg from 'src/assets/icons/threats/airdefense-sm-reg.svg';
|
||||
import { mapTargetTypeToWarningIcon } from 'src/prototype/utils/helpers';
|
||||
|
||||
// Functions to create widgets, elements, and sections for each message type
|
||||
const requestApprovalToAttackMessageLow = (
|
||||
@ -43,7 +43,7 @@ const requestApprovalToAttackMessageLow = (
|
||||
h: 50,
|
||||
w: 50,
|
||||
widgetId: minimapWidgetId1,
|
||||
src: ThreatAirDefenseSmReg,
|
||||
src: mapTargetTypeToWarningIcon(message.data.target.type),
|
||||
} satisfies IconElement,
|
||||
];
|
||||
|
||||
|
@ -9,7 +9,7 @@ import DANGER_ICON from 'src/assets/icons/danger.svg';
|
||||
import type { Widget, MapWarningWidget } from 'src/types/widget';
|
||||
import type { WidgetCluster } from 'src/types/support-types';
|
||||
import type { Element, IconElement } from 'src/types/element';
|
||||
import ThreatAirDefenseSmReg from 'src/assets/icons/threats/airdefense-sm-reg.svg';
|
||||
import { mapTargetTypeToWarningIcon } from 'src/prototype/utils/helpers';
|
||||
|
||||
// Functions to create widgets, elements, and sections for each message type
|
||||
const requestApprovalToAttackMessageMedium = (
|
||||
@ -43,7 +43,7 @@ const requestApprovalToAttackMessageMedium = (
|
||||
h: 50,
|
||||
w: 50,
|
||||
widgetId: minimapWidgetId1,
|
||||
src: ThreatAirDefenseSmReg,
|
||||
src: mapTargetTypeToWarningIcon(message.data.target.type),
|
||||
} satisfies IconElement,
|
||||
];
|
||||
|
||||
|
20
src/prototype/utils/helpers.ts
Normal file
20
src/prototype/utils/helpers.ts
Normal file
@ -0,0 +1,20 @@
|
||||
import { type Target } from 'src/types/schema-types';
|
||||
import AirDefenseSmReg from 'src/assets/icons/threats/airdefense-sm-reg.svg';
|
||||
import ArtillerySmReg from 'src/assets/icons/threats/artillery-sm-reg.svg';
|
||||
import RadarSmReg from 'src/assets/icons/threats/radar-sm-reg.svg';
|
||||
|
||||
// also pass in stress level to determine size of icon?
|
||||
// or just pass in a size (sm, lg)
|
||||
// also a boolean for whether we want emphasized version of the icon?
|
||||
export const mapTargetTypeToWarningIcon = (targetType: Target['type']) => {
|
||||
switch (targetType) {
|
||||
case 'airDefense':
|
||||
return AirDefenseSmReg;
|
||||
case 'artillery':
|
||||
return ArtillerySmReg;
|
||||
case 'radar':
|
||||
return RadarSmReg;
|
||||
default:
|
||||
return AirDefenseSmReg;
|
||||
}
|
||||
};
|
Loading…
Reference in New Issue
Block a user