Vojtech Simetka
f238c43307
* fix: replace feather icons with remix icons on swarm button * fix: remove feather icons package (#415) * fix: remove all feather icons and replace with remix icons * fix: few stray weird icons
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
import { Box, Grid } from '@material-ui/core'
|
|
import { ReactElement } from 'react'
|
|
import X from 'remixicon-react/CloseLineIcon'
|
|
import Bookmark from 'remixicon-react/BookmarkLineIcon'
|
|
import Download from 'remixicon-react/DownloadLineIcon'
|
|
import Link from 'remixicon-react/LinkIcon'
|
|
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
|
|
import { SwarmButton } from '../../components/SwarmButton'
|
|
|
|
interface Props {
|
|
onOpen: () => void
|
|
onCancel: () => void
|
|
onDownload: () => void
|
|
onUpdateFeed: () => void
|
|
hasIndexDocument: boolean
|
|
loading: boolean
|
|
}
|
|
|
|
export function DownloadActionBar({
|
|
onOpen,
|
|
onCancel,
|
|
onDownload,
|
|
onUpdateFeed,
|
|
hasIndexDocument,
|
|
loading,
|
|
}: Props): ReactElement {
|
|
return (
|
|
<Grid container justifyContent="space-between">
|
|
<ExpandableListItemActions>
|
|
{hasIndexDocument && (
|
|
<SwarmButton onClick={onOpen} iconType={Link} disabled={loading}>
|
|
View Website
|
|
</SwarmButton>
|
|
)}
|
|
<SwarmButton onClick={onDownload} iconType={Download} disabled={loading} loading={loading}>
|
|
Download
|
|
</SwarmButton>
|
|
<SwarmButton onClick={onCancel} iconType={X} disabled={loading} cancel>
|
|
Close
|
|
</SwarmButton>
|
|
</ExpandableListItemActions>
|
|
<Box mb={1} mr={1}>
|
|
<SwarmButton onClick={onUpdateFeed} iconType={Bookmark} disabled={loading}>
|
|
Update Feed
|
|
</SwarmButton>
|
|
</Box>
|
|
</Grid>
|
|
)
|
|
}
|