22 |
23 | ### Upload a video to S3 (with thumbnail generator & easy clip)
24 |
25 | 
33 |
34 | ### Upload a pdf to S3
35 |
36 | 
42 |
43 | ## Demo
44 |
45 | [](https://stackblitz.com/edit/react-ts-kz4eqr?file=App.tsx)
46 |
47 | ## Install
48 |
49 | ```bash
50 | npm install --save react-upload-to-s3
51 | ```
52 | Then install the dependencies
53 |
54 | ## Dependencies
55 |
56 | ```bash
57 | npm install --save aws-sdk
58 | npm install --save bootstrap
59 | npm install --save react-bootstrap
60 | npm install --save react-bootstrap-icons
61 | npm install --save react-ui-components-superflows
62 | npm install --save react-ui-themes-superflows
63 | ```
64 |
65 | ## Usage
66 |
67 | [](https://stackblitz.com/edit/react-ts-kz4eqr?file=App.tsx)
68 |
69 | ### Props
70 |
71 | - bucket: Name of the S3 bucket
72 | - cognitoIdentityCredentials: Cognito Identity Pool Object
73 | - awsRegion: Region where the bucket exists
74 | - awsKey: AWS Access Key (should come from environment variables)
75 | - awsSecret: AWS Secret (should come from environment variables)
76 | - awsMediaConvertEndPoint: AWS region specific mediaconvert endpoint
77 | - type: can be image / video / pdf
78 | - mediaConvertRole: Media convert role
79 | - onResult: Result callback
80 | - theme: UI Theme (optional)
81 | - showNewUpload: Flag which enables the display of New Upload button on the success screen (optional, default value is true)
82 |
83 |
84 | ### Usage Method 1 - Less Secure
85 |
86 | ```jsx
87 |
88 | import React from 'react'
89 |
90 | import Themes from 'react-ui-themes-superflows'
91 | import { Col, Row, Container } from 'react-bootstrap';
92 | import { UploadToS3 } from 'react-upload-to-s3'
93 | import 'bootstrap/dist/css/bootstrap.min.css';
94 |
95 | const App = () => {
96 |
97 | const theme = Themes.getTheme("Default");
98 |
99 | return (
100 |