diff --git a/src/components/IconBox/index.tsx b/src/components/IconBox/index.tsx index 279f742c..922eaf97 100644 --- a/src/components/IconBox/index.tsx +++ b/src/components/IconBox/index.tsx @@ -2,11 +2,11 @@ import { Flex, IconButton, Text } from '@chakra-ui/react'; import { IconBoxProps } from './type'; -const IconBox = ({ leftIcon, content, rightIcon, handleClick }: IconBoxProps) => { +const IconBox = ({ leftIcon, content, rightIcon, handleClick, cursor = 'default' }: IconBoxProps) => { return ( - + {content} {rightIcon && ( diff --git a/src/components/IconBox/type.ts b/src/components/IconBox/type.ts index 56a0b9e0..df286a95 100644 --- a/src/components/IconBox/type.ts +++ b/src/components/IconBox/type.ts @@ -3,4 +3,5 @@ export interface IconBoxProps { content: string; rightIcon?: React.ReactElement; handleClick?: () => void; + cursor?: React.CSSProperties['cursor']; } diff --git a/src/containers/study/DocumentModal/index.tsx b/src/containers/study/DocumentModal/index.tsx index 5015b51c..94cd7d97 100644 --- a/src/containers/study/DocumentModal/index.tsx +++ b/src/containers/study/DocumentModal/index.tsx @@ -89,13 +89,14 @@ const DocumentModal = ({ id, isOpen, setIsDocsModalOpen, setReload }: DocumentMo // leftIcon={data.type === 'pdf' ? : } leftIcon={} content={data.url.toString()} + cursor="pointer" /> ))} {document?.type === 'URL' && document.files.map((data) => ( - } content={data.url} /> + } content={data.url} cursor="pointer" /> ))}