rename motion color vars to significant_motion for consistency

This commit is contained in:
Josh Hawkins 2024-03-24 20:22:28 -05:00
parent 852c62529d
commit 674f76f2f5
6 changed files with 13 additions and 11 deletions

View File

@ -155,8 +155,8 @@ export function EventSegment({
const severityColors: { [key: number]: string } = { const severityColors: { [key: number]: string } = {
1: reviewed 1: reviewed
? "from-severity_motion-dimmed/50 to-severity_motion/50" ? "from-severity_significant_motion-dimmed/50 to-severity_significant_motion/50"
: "from-severity_motion-dimmed to-severity_motion", : "from-severity_significant_motion-dimmed to-severity_significant_motion",
2: reviewed 2: reviewed
? "from-severity_detection-dimmed/50 to-severity_detection/50" ? "from-severity_detection-dimmed/50 to-severity_detection/50"
: "from-severity_detection-dimmed to-severity_detection", : "from-severity_detection-dimmed to-severity_detection",

View File

@ -165,8 +165,8 @@ export function MotionSegment({
const severityColors: { [key: number]: string } = { const severityColors: { [key: number]: string } = {
1: reviewed 1: reviewed
? "from-severity_motion-dimmed/50 to-severity_motion/50" ? "from-severity_significant_motion-dimmed/50 to-severity_significant_motion/50"
: "from-severity_motion-dimmed to-severity_motion", : "from-severity_significant_motion-dimmed to-severity_significant_motion",
2: reviewed 2: reviewed
? "from-severity_detection-dimmed/50 to-severity_detection/50" ? "from-severity_detection-dimmed/50 to-severity_detection/50"
: "from-severity_detection-dimmed to-severity_detection", : "from-severity_detection-dimmed to-severity_detection",

View File

@ -34,7 +34,9 @@ export function SummarySegment({
const segmentKey = useMemo(() => segmentTime, [segmentTime]); const segmentKey = useMemo(() => segmentTime, [segmentTime]);
const severityColors: { [key: number]: string } = { const severityColors: { [key: number]: string } = {
1: reviewed ? "bg-severity_motion/50" : "bg-severity_motion", 1: reviewed
? "bg-severity_significant_motion/50"
: "bg-severity_significant_motion",
2: reviewed ? "bg-severity_detection/50" : "bg-severity_detection", 2: reviewed ? "bg-severity_detection/50" : "bg-severity_detection",
3: reviewed ? "bg-severity_alert/50" : "bg-severity_alert", 3: reviewed ? "bg-severity_alert/50" : "bg-severity_alert",
}; };

View File

@ -246,7 +246,7 @@ export default function EventView({
value="significant_motion" value="significant_motion"
aria-label="Select motion" aria-label="Select motion"
> >
<MdCircle className="size-2 md:mr-[10px] text-severity_motion" /> <MdCircle className="size-2 md:mr-[10px] text-severity_significant_motion" />
<div className="hidden md:block">Motion</div> <div className="hidden md:block">Motion</div>
</ToggleGroupItem> </ToggleGroupItem>
</ToggleGroup> </ToggleGroup>

View File

@ -87,9 +87,9 @@ module.exports = {
DEFAULT: "hsl(var(--severity_detection))", DEFAULT: "hsl(var(--severity_detection))",
dimmed: "hsl(var(--severity_detection_dimmed))", dimmed: "hsl(var(--severity_detection_dimmed))",
}, },
severity_motion: { severity_significant_motion: {
DEFAULT: "hsl(var(--severity_motion))", DEFAULT: "hsl(var(--severity_significant_motion))",
dimmed: "hsl(var(--severity_motion_dimmed))", dimmed: "hsl(var(--severity_significant_motion_dimmed))",
}, },
motion_review: { motion_review: {
DEFAULT: "hsl(var(--motion_review))", DEFAULT: "hsl(var(--motion_review))",

View File

@ -71,8 +71,8 @@
--severity_detection: var(--orange-600); --severity_detection: var(--orange-600);
--severity_detection_dimmed: var(--orange-400); --severity_detection_dimmed: var(--orange-400);
--severity_motion: var(--yellow-400); --severity_significant_motion: var(--yellow-400);
--severity_motion_dimmed: var(--yellow-200); --severity_significant_motion_dimmed: var(--yellow-200);
--motion_review: hsl(44, 94%, 50%); --motion_review: hsl(44, 94%, 50%);
--motion_review: 44 94% 50%; --motion_review: 44 94% 50%;