519c411db0
* feat: sync and update with all changes from fork * refactor: extract clipboard copy logic into custom hook * fix: correct spelling of DEFAULT_REFRESH_FREQUENCY_MS in Stamps and WalletBalance providers * refactor(ui-tests): replace fixed sleeps with condition-based waits * fix: handle null values for size and granteeCount in infoGroups * fix(lint): add newline at end of file in useClipboardCopy hook * fix(ui-tests): page.goto URL * refactor: update import paths for useClipboardCopy --------- Co-authored-by: Ferenc Sárai <sarai.ferenc@gmail.com>
51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
import { Box, Grid } from '@mui/material'
|
|
import { ReactElement } from 'react'
|
|
import Bookmark from 'remixicon-react/BookmarkLineIcon'
|
|
import X from 'remixicon-react/CloseLineIcon'
|
|
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>
|
|
)
|
|
}
|