icon will be camera when isMobile is true

tarasglek · Dec 12, 2023 · cd6c3d0 · cd6c3d0
1 parent a857ca7
commit cd6c3d0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/PromptForm/ClipIcon.tsx b/src/components/PromptForm/ClipIcon.tsx
@@ -1,6 +1,6 @@
 import { useState, useRef } from "react";
 import { IconButton, Input } from "@chakra-ui/react";
-import { BsPaperclip } from "react-icons/bs";
+import { BsPaperclip, BsCamera } from "react-icons/bs";
 
 import useMobileBreakpoint from "../../hooks/use-mobile-breakpoint";
 
@@ -48,7 +48,7 @@ export default function ClipIcon({ isDisabled = false, onFileSelected }: ClipIco
         isDisabled={isDisabled}
         colorScheme={colorScheme}
         variant={isMobile ? "outline" : "ghost"}
-        icon={<BsPaperclip />}
+        icon={isMobile ? <BsCamera /> : <BsPaperclip />}
         aria-label="Attach file"
         size={isMobile ? "lg" : "md"}
         fontSize="18px"