44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
import * as React from "react";
|
|
import { betterCompact } from "../util";
|
|
import { sortBy } from "lodash";
|
|
import {
|
|
ProblemTag, Alert, FirmwareAlertsProps, AlertsProps,
|
|
} from "./interfaces";
|
|
import { AlertCard } from "./cards";
|
|
|
|
export const splitProblemTag = (problemTag: string): ProblemTag => {
|
|
const parts = problemTag.split(".");
|
|
return { author: parts[0], noun: parts[1], verb: parts[2] };
|
|
};
|
|
|
|
export const sortAlerts = (alerts: Alert[]): Alert[] =>
|
|
sortBy(alerts, "priority", "created_at");
|
|
|
|
export const FirmwareAlerts = (props: FirmwareAlertsProps) => {
|
|
const alerts = betterCompact(Object.values(props.bot.hardware.enigmas || {}));
|
|
const firmwareAlerts = sortAlerts(alerts)
|
|
.filter(x => splitProblemTag(x.problem_tag).noun === "firmware");
|
|
return <div className="firmware-alerts">
|
|
{firmwareAlerts.filter(x => x.problem_tag && x.priority && x.created_at)
|
|
.map((x, i) =>
|
|
<AlertCard key={i}
|
|
alert={x}
|
|
dispatch={props.dispatch}
|
|
apiFirmwareValue={props.apiFirmwareValue}
|
|
timeSettings={props.timeSettings} />)}
|
|
</div>;
|
|
};
|
|
|
|
export const Alerts = (props: AlertsProps) =>
|
|
<div className="problem-alerts">
|
|
<div className="problem-alerts-content">
|
|
{sortAlerts(props.alerts).map((x, i) =>
|
|
<AlertCard key={i}
|
|
alert={x}
|
|
dispatch={props.dispatch}
|
|
apiFirmwareValue={props.apiFirmwareValue}
|
|
timeSettings={props.timeSettings}
|
|
findApiAlertById={props.findApiAlertById} />)}
|
|
</div>
|
|
</div>;
|