From 17bfd6e8e73331da5f4be9cd88262df173fd1aa3 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Thu, 13 Jun 2024 07:36:27 -0600
Subject: [PATCH] Use motion icon for motion

---
 web/src/views/events/EventView.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
index e3b36d7af..e405ed503 100644
--- a/web/src/views/events/EventView.tsx
+++ b/web/src/views/events/EventView.tsx
@@ -50,6 +50,7 @@ import { Toaster } from "@/components/ui/sonner";
 import { toast } from "sonner";
 import { cn } from "@/lib/utils";
 import { FilterList } from "@/types/filter";
+import { GiSoundWaves } from "react-icons/gi";
 
 type EventViewProps = {
   reviewItems?: SegmentedReviewData;
@@ -318,8 +319,14 @@ export default function EventView({
             value="significant_motion"
             aria-label="Select motion"
           >
-            <MdCircle className="size-2 text-severity_significant_motion md:mr-[10px]" />
-            <div className="hidden md:block">Motion</div>
+            {isDesktop ? (
+              <>
+                <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>
         </ToggleGroup>