diff --git a/client/src/pages/Alerts.jsx b/client/src/pages/Alerts.jsx
index 4044cc7..895c8d8 100644
--- a/client/src/pages/Alerts.jsx
+++ b/client/src/pages/Alerts.jsx
@@ -338,24 +338,41 @@ const Alerts = () => {
{t('alerts.droneTypes')}:
{rule.drone_types.map((typeId, index) => {
- const droneTypeKeys = {
- 0: 'consumer',
- 1: 'orlan',
- 2: 'professional',
- 3: 'racing',
- 4: 'unknown'
+ // Use the same comprehensive drone type mapping as getDroneTypeInfo
+ const droneTypeMap = {
+ 0: { name: 'Unknown', color: 'gray' },
+ 1: { name: 'Generic', color: 'blue' },
+ 2: { name: 'Orlan', color: 'red', warning: true },
+ 3: { name: 'Zala', color: 'orange', warning: true },
+ 4: { name: 'Forpost', color: 'purple', warning: true },
+ 5: { name: 'Inokhodets', color: 'indigo', warning: true },
+ 6: { name: 'Lancet', color: 'red', warning: true },
+ 7: { name: 'Shahed', color: 'yellow', warning: true },
+ 8: { name: 'Geran', color: 'amber', warning: true },
+ 9: { name: 'Kub', color: 'green', warning: true },
+ 10: { name: 'X-UAV', color: 'teal' },
+ 11: { name: 'SuperCam', color: 'cyan' },
+ 12: { name: 'Eleron', color: 'lime' },
+ 13: { name: 'DJI', color: 'blue' },
+ 14: { name: 'Autel', color: 'violet' },
+ 15: { name: 'Parrot', color: 'emerald' },
+ 16: { name: 'Skydio', color: 'sky' },
+ 17: { name: 'CryptoOrlan', color: 'red', warning: true }
};
+
+ const droneInfo = droneTypeMap[typeId] || droneTypeMap[0];
+
return (
- {t(`alerts.${droneTypeKeys[typeId] || 'unknown'}`)}
- {typeId === 1 && '⚠️'}
+ {droneInfo.name}
+ {droneInfo.warning && '⚠️'}
);
})}