From c50c68309c994cacc9d554191cfdda38212fe0ad Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sun, 24 Mar 2024 08:07:09 -0600
Subject: [PATCH] Use icon only in mobile

---
 web/src/pages/Logs.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/web/src/pages/Logs.tsx b/web/src/pages/Logs.tsx
index b15bf2a55..8df84536b 100644
--- a/web/src/pages/Logs.tsx
+++ b/web/src/pages/Logs.tsx
@@ -1,18 +1,9 @@
-import Logo from "@/components/Logo";
 import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuLabel,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import Heading from "@/components/ui/heading";
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import copy from "copy-to-clipboard";
 import { useCallback, useMemo, useRef, useState } from "react";
+import { FaRegClipboard } from "react-icons/fa6";
+import { LuCopy } from "react-icons/lu";
 import useSWR from "swr";
 
 const logTypes = ["frigate", "go2rtc", "nginx"] as const;
@@ -86,7 +77,14 @@ function Logs() {
           ))}
         </ToggleGroup>
         <div>
-          <Button onClick={handleCopyLogs}>Copy to Clipboard</Button>
+          <Button
+            className="flex justify-between items-center gap-2"
+            size="sm"
+            onClick={handleCopyLogs}
+          >
+            <LuCopy />
+            <div className="hidden md:block">Copy to Clipboard</div>
+          </Button>
         </div>
       </div>