Use motion icon for motion

This commit is contained in:
Nicolas Mowen 2024-06-13 07:36:27 -06:00
parent 6e180d41bf
commit 17bfd6e8e7

View File

@ -50,6 +50,7 @@ import { Toaster } from "@/components/ui/sonner";
import { toast } from "sonner"; import { toast } from "sonner";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { FilterList } from "@/types/filter"; import { FilterList } from "@/types/filter";
import { GiSoundWaves } from "react-icons/gi";
type EventViewProps = { type EventViewProps = {
reviewItems?: SegmentedReviewData; reviewItems?: SegmentedReviewData;
@ -318,8 +319,14 @@ export default function EventView({
value="significant_motion" value="significant_motion"
aria-label="Select motion" aria-label="Select motion"
> >
<MdCircle className="size-2 text-severity_significant_motion md:mr-[10px]" /> {isDesktop ? (
<div className="hidden md:block">Motion</div> <>
<MdCircle className="size-2 text-severity_significant_motion md:mr-[10px]" />
<div className="hidden md:block">Motion</div>
</>
) : (
<GiSoundWaves className="size-6 rotate-90 text-severity_significant_motion" />
)}
</ToggleGroupItem> </ToggleGroupItem>
</ToggleGroup> </ToggleGroup>