Infrastructure/zipline
1
Fork 0
Code Issues Pull requests Activity

feat(components): added sharex config generator (#93)

Browse source
This commit is contained in:
Nguyen Thanh Quang 2021-08-30 21:59:08 +07:00 committed by GitHub
parent 03238d10bf
commit f0bb6b08fa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/pages/Manage.tsx
View file

@ -1,5 +1,6 @@
import React, { useState } from 'react';
import { TextField, Button, Box, Typography, Select, MenuItem } from '@material-ui/core';
import Download from '@material-ui/icons/Download';
import { useFormik } from 'formik';
import * as yup from 'yup';
@ -83,6 +84,30 @@ export default function Manage() {
const [severity, setSeverity] = useState('success');
const [message, setMessage] = useState('Saved');
const genShareX = withEmbed => {
let config = {
Version: '13.2.1',
Name: 'Zipline',
DestinationType: 'ImageUploader, TextUploader',
RequestMethod: 'POST',
RequestURL: `${window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '')}/api/upload`,
Headers: {
Authorization: user?.token,
...(withEmbed && {Embed: 'true'})
},
URL: '$json:url$',
Body: 'MultipartFormData',
FileFormName: 'file'
};
var pseudoElement = document.createElement('a');
pseudoElement.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(JSON.stringify(config, null, '\t')));
pseudoElement.setAttribute('download', `zipline${withEmbed ? '_embed' : ''}.sxcu`);
pseudoElement.style.display = 'none';
document.body.appendChild(pseudoElement);
pseudoElement.click();
pseudoElement.parentNode.removeChild(pseudoElement);
};
const formik = useFormik({
initialValues: {
username: user.username,
@ -217,6 +242,9 @@ export default function Manage() {
>Save Theme</Button>
</Box>
</form>
<Typography variant='h4' py={2}>ShareX Config</Typography>
<Button variant='contained' onClick={() => genShareX(false)} startIcon={<Download />}>ShareX Config</Button>
<Button variant='contained' sx={{ marginLeft: 1 }} onClick={() => genShareX(true)} startIcon={<Download />}>ShareX Config with Embed</Button>
</>
);
}
}