Use download.js to downlad images
Resize initial-setup.png
This commit is contained in:
parent
e965187ed6
commit
76d5286cb0
Binary file not shown.
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 25 KiB |
|
@ -2972,6 +2972,11 @@
|
||||||
"resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-4.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-4.2.0.tgz",
|
||||||
"integrity": "sha1-3vHxyl1gWdJKdm5YeULCEQbOEnU="
|
"integrity": "sha1-3vHxyl1gWdJKdm5YeULCEQbOEnU="
|
||||||
},
|
},
|
||||||
|
"downloadjs": {
|
||||||
|
"version": "1.4.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/downloadjs/-/downloadjs-1.4.7.tgz",
|
||||||
|
"integrity": "sha1-9p+W+UDg0FU9rCkROYZaPNAQHjw="
|
||||||
|
},
|
||||||
"duplexer2": {
|
"duplexer2": {
|
||||||
"version": "0.1.4",
|
"version": "0.1.4",
|
||||||
"resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
"apollo-link-ws": "^1.0.18",
|
"apollo-link-ws": "^1.0.18",
|
||||||
"babel-plugin-styled-components": "^1.10.6",
|
"babel-plugin-styled-components": "^1.10.6",
|
||||||
"copy-to-clipboard": "^3.2.0",
|
"copy-to-clipboard": "^3.2.0",
|
||||||
|
"downloadjs": "^1.4.7",
|
||||||
"graphql": "^14.5.0",
|
"graphql": "^14.5.0",
|
||||||
"graphql-tag": "^2.10.1",
|
"graphql-tag": "^2.10.1",
|
||||||
"parcel-bundler": "^1.12.3",
|
"parcel-bundler": "^1.12.3",
|
||||||
|
|
|
@ -3,6 +3,7 @@ import PropTypes from 'prop-types'
|
||||||
import { Menu, Dropdown, Button } from 'semantic-ui-react'
|
import { Menu, Dropdown, Button } from 'semantic-ui-react'
|
||||||
import { Query } from 'react-apollo'
|
import { Query } from 'react-apollo'
|
||||||
import gql from 'graphql-tag'
|
import gql from 'graphql-tag'
|
||||||
|
import download from 'downloadjs'
|
||||||
|
|
||||||
const downloadQuery = gql`
|
const downloadQuery = gql`
|
||||||
query sidebarDownloadQuery($photoId: ID!) {
|
query sidebarDownloadQuery($photoId: ID!) {
|
||||||
|
@ -24,12 +25,9 @@ const downloadPhoto = async url => {
|
||||||
})
|
})
|
||||||
|
|
||||||
const content = await request.blob()
|
const content = await request.blob()
|
||||||
const contentUrl = URL.createObjectURL(content)
|
const filename = url.match(/[^/]*$/)[0]
|
||||||
|
|
||||||
var downloadAnchor = document.createElement('a', contentUrl)
|
download(content, filename)
|
||||||
downloadAnchor.setAttribute('href', contentUrl)
|
|
||||||
downloadAnchor.setAttribute('download', url.match(/[^/]*$/)[0])
|
|
||||||
downloadAnchor.click()
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const SidebarDownload = ({ photoId }) => {
|
const SidebarDownload = ({ photoId }) => {
|
||||||
|
|
Loading…
Reference in New Issue