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 { Element, IconElement } from 'src/types/element';
|
||||||
import type { Widget, MapWarningWidget } from 'src/types/widget';
|
import type { Widget, MapWarningWidget } from 'src/types/widget';
|
||||||
import type { WidgetCluster } from 'src/types/support-types';
|
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
|
// Functions to create widgets, elements, and sections for each message type
|
||||||
const requestApprovalToAttackMessageHigh = (
|
const requestApprovalToAttackMessageHigh = (
|
||||||
@ -50,7 +50,7 @@ const requestApprovalToAttackMessageHigh = (
|
|||||||
h: 50,
|
h: 50,
|
||||||
w: 50,
|
w: 50,
|
||||||
widgetId: minimapWidgetId1,
|
widgetId: minimapWidgetId1,
|
||||||
src: ThreatAirDefenseSmReg,
|
src: mapTargetTypeToWarningIcon(message.data.target.type),
|
||||||
} satisfies IconElement,
|
} satisfies IconElement,
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -9,7 +9,7 @@ import type { Element, IconElement } from 'src/types/element';
|
|||||||
import DANGER_ICON from 'src/assets/icons/danger.svg';
|
import DANGER_ICON from 'src/assets/icons/danger.svg';
|
||||||
import type { MapWarningWidget, Widget } from 'src/types/widget';
|
import type { MapWarningWidget, Widget } from 'src/types/widget';
|
||||||
import type { WidgetCluster } from 'src/types/support-types';
|
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
|
// Functions to create widgets, elements, and sections for each message type
|
||||||
const requestApprovalToAttackMessageLow = (
|
const requestApprovalToAttackMessageLow = (
|
||||||
@ -43,7 +43,7 @@ const requestApprovalToAttackMessageLow = (
|
|||||||
h: 50,
|
h: 50,
|
||||||
w: 50,
|
w: 50,
|
||||||
widgetId: minimapWidgetId1,
|
widgetId: minimapWidgetId1,
|
||||||
src: ThreatAirDefenseSmReg,
|
src: mapTargetTypeToWarningIcon(message.data.target.type),
|
||||||
} satisfies IconElement,
|
} 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 { Widget, MapWarningWidget } from 'src/types/widget';
|
||||||
import type { WidgetCluster } from 'src/types/support-types';
|
import type { WidgetCluster } from 'src/types/support-types';
|
||||||
import type { Element, IconElement } from 'src/types/element';
|
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
|
// Functions to create widgets, elements, and sections for each message type
|
||||||
const requestApprovalToAttackMessageMedium = (
|
const requestApprovalToAttackMessageMedium = (
|
||||||
@ -43,7 +43,7 @@ const requestApprovalToAttackMessageMedium = (
|
|||||||
h: 50,
|
h: 50,
|
||||||
w: 50,
|
w: 50,
|
||||||
widgetId: minimapWidgetId1,
|
widgetId: minimapWidgetId1,
|
||||||
src: ThreatAirDefenseSmReg,
|
src: mapTargetTypeToWarningIcon(message.data.target.type),
|
||||||
} satisfies IconElement,
|
} 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