29 lines
681 B
React
29 lines
681 B
React
// AlertsPanel.jsx
|
|
import React from "react";
|
|
|
|
const AlertsPanel = () => {
|
|
// Hard-coded alerts data
|
|
const alerts = [
|
|
{ id: 1, message: "Temperature exceeds threshold", type: "warning" },
|
|
{ id: 2, message: "New sensor connected", type: "info" },
|
|
{ id: 3, message: "Power consumption high", type: "warning" },
|
|
];
|
|
|
|
return (
|
|
<div>
|
|
{alerts.map((alert) => (
|
|
<div
|
|
key={alert.id}
|
|
className={`p-2 rounded mb-2 ${
|
|
alert.type === "warning" ? "bg-red-100" : "bg-blue-100"
|
|
}`}
|
|
>
|
|
<p className="text-sm">{alert.message}</p>
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AlertsPanel;
|