diff --git a/package.json b/package.json index 95df825ec..1322f6573 100644 --- a/package.json +++ b/package.json @@ -131,7 +131,7 @@ "imagesloaded": "^4.1.4", "json-loader": "^0.5.4", "lbry-format": "https://github.com/lbryio/lbry-format.git", - "lbry-redux": "lbryio/lbry-redux#f8c26fbe34f49a9898d48b8a41c956b9ad4ff582", + "lbry-redux": "lbryio/lbry-redux#58ff4d8086cf2d038e0f606f50e04d67efec596a", "lbryinc": "lbryio/lbryinc#cc62a4eec10845cc0b31da7d0f27287cfa7c4866", "lint-staged": "^7.0.2", "localforage": "^1.7.1", diff --git a/ui/component/claimAbandonButton/index.js b/ui/component/claimAbandonButton/index.js new file mode 100644 index 000000000..e32042d7e --- /dev/null +++ b/ui/component/claimAbandonButton/index.js @@ -0,0 +1,13 @@ +import { connect } from 'react-redux'; +import { doOpenModal } from 'redux/actions/app'; +import ClaimAbandonButton from './view'; + +import { makeSelectClaimForUri } from 'lbry-redux'; + +const select = (state, props) => ({ + claim: props.uri && makeSelectClaimForUri(props.uri)(state), +}); + +export default connect(select, { + doOpenModal, +})(ClaimAbandonButton); diff --git a/ui/component/claimAbandonButton/view.jsx b/ui/component/claimAbandonButton/view.jsx new file mode 100644 index 000000000..52d5c37a0 --- /dev/null +++ b/ui/component/claimAbandonButton/view.jsx @@ -0,0 +1,21 @@ +// @flow +import * as MODALS from 'constants/modal_types'; +import * as ICONS from 'constants/icons'; +import React from 'react'; +import Button from 'component/button'; + +type Props = { + doOpenModal: (string, {}) => void, + claim: StreamClaim, + abandonActionCallback: any => void, +}; + +export default function ClaimAbandonButton(props: Props) { + const { doOpenModal, claim, abandonActionCallback } = props; + + function abandonClaim() { + doOpenModal(MODALS.CONFIRM_CLAIM_REVOKE, { claim: claim, cb: abandonActionCallback }); + } + + return