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
37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
import { Box, Typography } from '@material-ui/core'
|
|
import { ReactElement } from 'react'
|
|
import X from 'remixicon-react/CloseLineIcon'
|
|
import Trash from 'remixicon-react/DeleteBin7LineIcon'
|
|
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
|
|
import { SwarmButton } from '../../components/SwarmButton'
|
|
import { SwarmDialog } from '../../components/SwarmDialog'
|
|
import { TitleWithClose } from '../../components/TitleWithClose'
|
|
import { Identity } from '../../providers/Feeds'
|
|
|
|
interface Props {
|
|
identity: Identity
|
|
onConfirm: (identity: Identity) => void
|
|
onClose: () => void
|
|
}
|
|
|
|
export function DeleteFeedDialog({ identity, onConfirm, onClose }: Props): ReactElement {
|
|
return (
|
|
<SwarmDialog>
|
|
<Box mb={4}>
|
|
<TitleWithClose onClose={onClose}>Delete</TitleWithClose>
|
|
</Box>
|
|
<Box mb={2}>
|
|
<Typography align="center">{`You are about to delete feed ${identity.name} Website. It is strongly advised to export this feed first.`}</Typography>
|
|
</Box>
|
|
<ExpandableListItemActions>
|
|
<SwarmButton iconType={Trash} onClick={() => onConfirm(identity)}>
|
|
Delete
|
|
</SwarmButton>
|
|
<SwarmButton iconType={X} onClick={onClose} cancel>
|
|
Cancel
|
|
</SwarmButton>
|
|
</ExpandableListItemActions>
|
|
</SwarmDialog>
|
|
)
|
|
}
|