Infrastructure/zipline
1
Fork 0
Code Issues Pull requests Activity

feat: add password field in file upload ui (#169)

Browse source
This commit is contained in:
Erik Bender 2022-09-24 19:14:36 +02:00 • committed by GitHub
parent dc926e9f5a
commit 4a753376b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/pages/Upload.tsx
View file

@ -1,4 +1,4 @@
import { Button, Collapse, Group, Progress, Select, Title } from '@mantine/core';
import { Button, Collapse, Group, Progress, Select, Title, PasswordInput } from '@mantine/core';
import { randomId, useClipboard } from '@mantine/hooks';
import { showNotification, updateNotification } from '@mantine/notifications';
import Dropzone from 'components/dropzone/Dropzone';
@ -48,6 +48,7 @@ export default function Upload() {
const [progress, setProgress] = useState(0);
const [loading, setLoading] = useState(false);
const [expires, setExpires] = useState('never');
const [password, setPassword] = useState('');
useEffect(() => {
window.addEventListener('paste', (e: ClipboardEvent) => {
@ -143,6 +144,7 @@ export default function Upload() {
req.open('POST', '/api/upload');
req.setRequestHeader('Authorization', user.token);
expires !== 'never' && req.setRequestHeader('Expires-At', 'date=' + expires_at.toISOString());
password !== '' && req.setRequestHeader('Password', password);
req.send(body);
};
@ -162,6 +164,12 @@ export default function Upload() {
</Collapse>
<Group position='right' mt='md'>
<PasswordInput
style={{width: '252px'}}
placeholder='Password'
value={password}
onChange={(e) => setPassword(e.currentTarget.value)}
/>
<Select
value={expires}
onChange={(e) => setExpires(e)}