chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: continueing to propogate changes made to widget setting popover in al changes to ivans widget

Browse Source
This commit is contained in:
vkuchenik
2026-11-06 10:53:49 -08:00
parent 58c6a40b06
commit 7b3e7d3d0c
5 changed files with 208 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Widgets/AlertChanges.jsx
+19 -29
View File
@@ -234,6 +234,13 @@ export default function AlertChanges({ settings, widgetID }) {
</Text>
</Flex>
<Flex w="100%" minW={0} justify="right" gap={2}>
<Flex w="fit" color="iconColor">
{volcano[1][0]?.change_type === "increase" ? (
<TrendingUp />
) : (
<TrendingDown />
)}
</Flex>
<Text
truncate
pl={2}
@@ -245,13 +252,6 @@ export default function AlertChanges({ settings, widgetID }) {
>
{volcano[1][0]?.alert_level_name}
</Text>
<Flex w="fit">
{volcano[1][0]?.change_type === "increase" ? (
<TrendingUp />
) : (
<TrendingDown />
)}
</Flex>
</Flex>
</Flex>
</Collapsible.Trigger>
@@ -270,18 +270,13 @@ export default function AlertChanges({ settings, widgetID }) {
<Timeline.Connector>
<Timeline.Indicator
outline="none"
bg="widgetBadgeBg"
bg="transparent"
color="iconColor"
size="lg"
>
{object?.alert_scheme_domain ===
"terrestrial" && <Footprints size={15} />}
{object?.alert_scheme_domain === "aviation" && (
<Plane size={15} />
)}
{object?.alert_scheme_domain === "maritime" && (
<Sailboat size={15} />
)}
{object?.alert_scheme_domain === "terrestrial" && <Footprints size={15} />}
{object?.alert_scheme_domain === "aviation" && <Plane size={15} />}
{object?.alert_scheme_domain === "maritime" && <Sailboat size={15} />}
</Timeline.Indicator>
<Timeline.Indicator
h="50%"
@@ -313,8 +308,7 @@ export default function AlertChanges({ settings, widgetID }) {
w="100%"
h="100%"
color={
alertColors[object?.alert_level_name] ||
"text"
alertColors[object?.alert_level_name] || "text"
}
fontSize="md"
fontWeight="semibold"
@@ -328,18 +322,16 @@ export default function AlertChanges({ settings, widgetID }) {
justify="left"
align="center"
>
<Text color="widgetTextMuted">
Alert Scale:{" "}
<Text color="widgetTextMuted" mr={1}>
Alert Scale:
</Text>
{Array.from(
{
length:
Number(object?.alert_scheme_highest) -
Number(object?.alert_scheme_lowest) +
1,
Number(object?.alert_scheme_lowest) + 1,
},
(v, i) =>
Number(object?.alert_scheme_lowest) + i,
(v, i) => Number(object?.alert_scheme_lowest) + i
).map((num) => (
<Center
key={num}
@@ -347,14 +339,12 @@ export default function AlertChanges({ settings, widgetID }) {
h="100%"
color="text"
bg={
num ===
Number(object?.alert_level_rank)
? "widgetBadgeBg"
num === Number(object?.alert_level_rank)
? "widgetInnerBadgeBg"
: "transparent"
}
borderRadius={
num ===
Number(object?.alert_level_rank)
num === Number(object?.alert_level_rank)
? "xl"
: "none"
}