forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-04-20 13:36:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implemented short URLs exporting

Browse Source
This commit is contained in:
Alejandro Celaya
2022-03-13 18:56:42 +01:00
parent e632c5b04f
commit 92ddcad753
23 changed files with 168 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/utils/ExportBtn.tsx
View File

@@ -1,17 +1,16 @@
import { FC } from 'react';
import { Button } from 'reactstrap';
import { Button, ButtonProps } from 'reactstrap';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faFileDownload } from '@fortawesome/free-solid-svg-icons';
import { prettify } from './helpers/numbers';
interface ExportBtnProps {
onClick: () => void;
interface ExportBtnProps extends Omit<ButtonProps, 'outline' | 'color' | 'disabled'> {
amount?: number;
className?: string;
loading?: boolean;
}
export const ExportBtn: FC<ExportBtnProps> = ({ onClick, className, amount = 0 }) => (
<Button outline color="primary" className={className} onClick={onClick}>
<FontAwesomeIcon icon={faFileDownload} /> Export ({prettify(amount)})
export const ExportBtn: FC<ExportBtnProps> = ({ amount = 0, loading = false, ...rest }) => (
<Button {...rest} outline color="primary" disabled={loading}>
<FontAwesomeIcon icon={faFileDownload} /> {loading ? 'Exporting...' : <>Export ({prettify(amount)})</>}
</Button>
);