feat: (sample) Add CSV and MOV file downloads (#171)

Also changed the downloads to point directly to HTTPS urls because the local file downloads don't work for iOS
rakutentech · Nov 5, 2021 · 58a9bc9 · 58a9bc9
1 parent 7d1c415
commit 58a9bc9
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 3 deletions.
diff --git a/js-miniapp-sample/src/assets/sample.mp3 b/js-miniapp-sample/src/assets/sample.mp3
diff --git a/js-miniapp-sample/src/assets/sample.zip b/js-miniapp-sample/src/assets/sample.zip
diff --git a/js-miniapp-sample/src/pages/file-download.js b/js-miniapp-sample/src/pages/file-download.js
@@ -132,7 +132,10 @@ const FileDownload = (props: FileDownloadProps) => {
             color="primary"
             onClick={() =>
               // $FlowFixMe
-              onDownloadFile(require('../assets/images/panda.png'), 'panda.png')
+              onDownloadFile(
+                'https://file-examples-com.github.io/uploads/2017/10/file_example_JPG_100kB.jpg',
+                'sample.jpg'
+              )
             }
           >
             Download Image
@@ -145,7 +148,10 @@ const FileDownload = (props: FileDownloadProps) => {
             color="primary"
             onClick={() =>
               // $FlowFixMe
-              onDownloadFile(require('../assets/sample.zip'), 'sample.zip')
+              onDownloadFile(
+                'https://file-examples-com.github.io/uploads/2017/02/zip_2MB.zip',
+                'sample.zip'
+              )
             }
           >
             Download ZIP
@@ -158,12 +164,48 @@ const FileDownload = (props: FileDownloadProps) => {
             color="primary"
             onClick={() =>
               // $FlowFixMe
-              onDownloadFile(require('../assets/sample.mp3'), 'sample.mp3')
+              onDownloadFile(
+                'https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3',
+                'sample.mp3'
+              )
             }
           >
             Download MP3
           </Button>
         </CardActions>
+
+        <CardActions className={classes.actions}>
+          <Button
+            variant="contained"
+            color="primary"
+            onClick={() =>
+              // $FlowFixMe
+              onDownloadFile(
+                'https://file-examples-com.github.io/uploads/2017/02/file_example_CSV_5000.csv',
+                'sample.csv'
+              )
+            }
+          >
+            Download CSV
+          </Button>
+        </CardActions>
+
+        <CardActions className={classes.actions}>
+          <Button
+            variant="contained"
+            color="primary"
+            onClick={() =>
+              // $FlowFixMe
+              onDownloadFile(
+                'https://file-examples-com.github.io/uploads/2018/04/file_example_MOV_480_700kB.mov',
+                'sample.mov'
+              )
+            }
+          >
+            Download MOV
+          </Button>
+        </CardActions>
+
         <div className={classes.info}>
           <p>
             {!isPermissionGranted && '"FILE_DOWNLOAD" permission not granted.'}