ShareX
/
Void
mirror of https://github.com/AlphaNecron/Void.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(components): copy button for urls and mimetype variable

This commit is contained in:
AlphaNecron 2021-10-17 11:40:18 +07:00
parent 64c174133a
commit 6b011e6dd1
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/ManageAccountDialog.tsx
View File

@ -94,6 +94,7 @@ export default function ManageAccountDialog({ onClose, open, user }) {
<p>{'{orig}: original file name'}</p>
<p>{'{date}: date uploaded'}</p>
<p>{'{time}: time uploaded'}</p>
<p>{'{mimetype}: file\'s mimetype'}</p>
<p>{'{author}: uploader\'s username'}</p>
</>
)} bg={useColorModeValue('purple.500', 'purple.200')} isOpen={tooltipOpen}>

7
src/components/pages/Urls.tsx
View File

@ -1,9 +1,9 @@
import { Button, ButtonGroup, FormControl, FormLabel, HStack, Select, IconButton, Input, Link, Popover, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, Skeleton, Table, Tbody, Td, Th, Thead, Tr, useDisclosure, useToast } from '@chakra-ui/react';
import { Button, ButtonGroup, FormControl, FormLabel, HStack, IconButton, Input, Link, Popover, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, Select, Skeleton, Table, Tbody, Td, Th, Thead, Tr, useDisclosure, useToast } from '@chakra-ui/react';
import copy from 'copy-to-clipboard';
import { Field, Form, Formik } from 'formik';
import useFetch from 'lib/hooks/useFetch';
import React, { useEffect, useState } from 'react';
import { ExternalLink, Scissors, Trash2, X } from 'react-feather';
import { Copy, ExternalLink, Scissors, Trash2, X } from 'react-feather';
import schemify from 'url-schemify';
import * as yup from 'yup';
@ -166,10 +166,11 @@ export default function URLs() {
<Td>{u.views}</Td>
<Td>
<ButtonGroup>
<IconButton aria-label='Delete' size='sm' colorScheme='red' onClick={() => handleDelete(u)} icon={<Trash2 size={16}/>}/>
<Link href={u.url} isExternal>
<IconButton aria-label='Open in new tab' size='sm' colorScheme='purple' icon={<ExternalLink size={16}/>}/>
</Link>
<IconButton aria-label='Delete' size='sm' colorScheme='red' onClick={() => handleDelete(u)} icon={<Trash2 size={16}/>}/>
<IconButton aria-label='Copy' size='sm' colorScheme='purple' onClick={() => copy(u.url)} icon={<Copy size={16}/>}/>
</ButtonGroup>
</Td>
</Tr>

1
src/pages/[...id].tsx
View File

@ -215,6 +215,7 @@ export const getServerSideProps: GetServerSideProps = async context => {
.replace(/{orig}/ig, file.origFileName)
.replace(/{date}/ig, time.toLocaleDateString())
.replace(/{time}/ig, time.toLocaleTimeString())
.replace(/{mime(type)?}/ig, file.mimetype)
.replace(/{author}/ig, username);
};
['siteName', 'title', 'desc'].forEach(prop => embed[prop] = replace(embed[prop]));