From c242b3ea5fc1bc4ef9cc191ab825d1c44c1c40b8 Mon Sep 17 00:00:00 2001
From: Mike Vanis <hello@mikevanis.com>
Date: Thu, 4 Mar 2021 15:06:11 +0000
Subject: [PATCH] make download link consistent across all devices

---
 .../static/client/src/gallery/GalleryGrid.js         | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/naturewatch_camera_server/static/client/src/gallery/GalleryGrid.js b/naturewatch_camera_server/static/client/src/gallery/GalleryGrid.js
index 8038356..b262371 100755
--- a/naturewatch_camera_server/static/client/src/gallery/GalleryGrid.js
+++ b/naturewatch_camera_server/static/client/src/gallery/GalleryGrid.js
@@ -4,7 +4,6 @@ import {Modal, Button} from 'react-bootstrap';
 import LazyLoad from 'react-lazy-load';
 import {CheckCircle, Cancel} from '@material-ui/icons'
 import {GridList, GridListTile} from "@material-ui/core";
-import {BrowserView, MobileView} from 'react-device-detect';
 
 class GalleryGrid extends React.Component {
     constructor(props) {
@@ -81,14 +80,9 @@ class GalleryGrid extends React.Component {
                 <Modal.Footer>
                     {this.state.activeContent.endsWith(".jpg") &&
                         <div className="footer-content">
-                            <MobileView>
-                                <p className="mr-auto">Press and hold photo for download options.</p>
-                            </MobileView>
-                            <BrowserView>
-                                <p className="mr-auto">
-                                    <a href={this.state.activeContent} download={this.state.activeContent.substring(this.state.activeContent.lastIndexOf('/')+1)}>Download Photo</a>
-                                </p>
-                            </BrowserView>
+                            <p className="mr-auto">
+                                <a href={this.state.activeContent} download={this.state.activeContent.substring(this.state.activeContent.lastIndexOf('/')+1)}>Download Photo</a>
+                            </p>
                         </div>
                     }
                     {this.state.activeContent.endsWith(".mp4") &&