administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-11 05:35:25 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Link on mobile as well

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-28 15:49:10 -06:00
parent 87c7cddcaf
commit 593e2a52ea
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/components/navigation/Bottombar.tsx
View File

@ -51,7 +51,13 @@ function StatusAlertNav() {
useEffect(() => { useEffect(() => {
clearMessages("stats"); clearMessages("stats");
potentialProblems.forEach((problem) => { potentialProblems.forEach((problem) => {
addMessage("stats", problem.text, problem.color); addMessage(
"stats",
problem.text,
problem.color,
undefined,
problem.relevantLink,
);
}); });
}, [potentialProblems, addMessage, clearMessages]); }, [potentialProblems, addMessage, clearMessages]);
@ -68,14 +74,22 @@ function StatusAlertNav() {
<div className="w-full h-auto py-4 overflow-y-auto overflow-x-hidden flex flex-col items-center gap-2"> <div className="w-full h-auto py-4 overflow-y-auto overflow-x-hidden flex flex-col items-center gap-2">
{Object.entries(messages).map(([key, messageArray]) => ( {Object.entries(messages).map(([key, messageArray]) => (
<div key={key} className="w-full flex items-center gap-2"> <div key={key} className="w-full flex items-center gap-2">
{messageArray.map(({ id, text, color }: StatusMessage) => ( {messageArray.map(({ id, text, color, link }: StatusMessage) => {
<div key={id} className="flex items-center text-xs gap-2"> const message = (
<IoIosWarning <div key={id} className="flex items-center text-xs gap-2">
className={`size-5 ${color || "text-danger"}`} <IoIosWarning
/> className={`size-5 ${color || "text-danger"}`}
{text} />
</div> {text}
))} </div>
);
if (link) {
return <a href={link}>{message}</a>;
} else {
return message;
}
})}
</div> </div>
))} ))}
</div> </div>