use pointerEvents='none' to remove default pointer style added by bro…

…wser
Expensify · Mar 1, 2024 · 43b70c1 · 43b70c1
1 parent ecc5960
commit 43b70c1
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 15 deletions.
diff --git a/src/components/MoneyTemporaryForRefactorRequestConfirmationList.js b/src/components/MoneyTemporaryForRefactorRequestConfirmationList.js
@@ -868,7 +868,6 @@ function MoneyTemporaryForRefactorRequestConfirmationList({
                     // We don't support scaning password protected PDF receipt
                     enabled={!isAttachmentInvalid}
                     onPassword={() => setIsAttachmentInvalid(true)}
-                    isClickable={false}
                 />
             ) : (
                 <Image

diff --git a/src/components/PDFThumbnail/index.css b/src/components/PDFThumbnail/index.css
diff --git a/src/components/PDFThumbnail/index.tsx b/src/components/PDFThumbnail/index.tsx
@@ -6,10 +6,9 @@ import {Document, pdfjs, Thumbnail} from 'react-pdf';
 import FullScreenLoadingIndicator from '@components/FullscreenLoadingIndicator';
 import useThemeStyles from '@hooks/useThemeStyles';
 import addEncryptedAuthTokenToURL from '@libs/addEncryptedAuthTokenToURL';
-import './index.css';
 import type PDFThumbnailProps from './types';
 
-function PDFThumbnail({previewSourceURL, style, isAuthTokenRequired = false, enabled = true, onPassword = () => {}, isClickable = true}: PDFThumbnailProps) {
+function PDFThumbnail({previewSourceURL, style, isAuthTokenRequired = false, enabled = true, onPassword = () => {}}: PDFThumbnailProps) {
     const styles = useThemeStyles();
 
     useEffect(() => {
@@ -33,13 +32,12 @@ function PDFThumbnail({previewSourceURL, style, isAuthTokenRequired = false, ena
                     onPassword();
                 }}
             >
-                <Thumbnail
-                    pageIndex={0}
-                    className={isClickable ? '' : 'react-pdf__Thumbnail--notClickable'}
-                />
+                <View pointerEvents="none">
+                    <Thumbnail pageIndex={0} />
+                </View>
             </Document>
         ),
-        [isAuthTokenRequired, previewSourceURL, onPassword, isClickable],
+        [isAuthTokenRequired, previewSourceURL, onPassword],
     );
 
     return (

diff --git a/src/components/PDFThumbnail/types.ts b/src/components/PDFThumbnail/types.ts
@@ -15,9 +15,6 @@ type PDFThumbnailProps = {
 
     /** Callback to call if PDF is password protected */
     onPassword?: () => void;
-
-    /** Whether the PDF thumbnail is clickable */
-    isClickable?: boolean;
 };
 
 export default PDFThumbnailProps;