removed remaining refs to PAGES.REPOST
This commit is contained in:
parent
98154a1921
commit
d7506850b3
13 changed files with 15 additions and 179 deletions
|
@ -1,9 +0,0 @@
|
|||
import { connect } from 'react-redux';
|
||||
import { doOpenModal } from 'redux/actions/app';
|
||||
import ClaimRepostButton from './view';
|
||||
|
||||
const perform = {
|
||||
doOpenModal,
|
||||
};
|
||||
|
||||
export default connect(null, perform)(ClaimRepostButton);
|
|
@ -1,32 +0,0 @@
|
|||
// @flow
|
||||
import * as MODALS from 'constants/modal_types';
|
||||
import * as ICONS from 'constants/icons';
|
||||
import React from 'react';
|
||||
import classnames from 'classnames';
|
||||
import Button from 'component/button';
|
||||
import Tooltip from 'component/common/tooltip';
|
||||
|
||||
type Props = {
|
||||
uri: string,
|
||||
fileAction?: boolean,
|
||||
doOpenModal: (string, {}) => void,
|
||||
};
|
||||
|
||||
export default function ClaimRepostButton(props: Props) {
|
||||
const { uri, fileAction, doOpenModal } = props;
|
||||
|
||||
console.log('uri', uri);
|
||||
|
||||
return (
|
||||
<Tooltip title={__('Repost this claim')} arrow={false}>
|
||||
<Button
|
||||
button={!fileAction ? 'alt' : undefined}
|
||||
className={classnames({ 'button--file-action': fileAction })}
|
||||
icon={ICONS.REPOST}
|
||||
iconSize={fileAction ? 22 : undefined}
|
||||
label={__('Repost')}
|
||||
onClick={() => doOpenModal(MODALS.REPOST, { uri })}
|
||||
/>
|
||||
</Tooltip>
|
||||
);
|
||||
}
|
|
@ -8,7 +8,7 @@ import {
|
|||
import { makeSelectStreamingUrlForUri } from 'redux/selectors/file_info';
|
||||
import { doEditForChannel } from 'redux/actions/publish';
|
||||
import { selectCostInfoForUri } from 'lbryinc';
|
||||
import { doClearPlayingUri, doDownloadUri } from 'redux/actions/content';
|
||||
import { doDownloadUri } from 'redux/actions/content';
|
||||
import { doToast } from 'redux/actions/notifications';
|
||||
import { doOpenModal } from 'redux/actions/app';
|
||||
import FileActions from './view';
|
||||
|
@ -36,7 +36,6 @@ const select = (state, props) => {
|
|||
const perform = {
|
||||
doOpenModal,
|
||||
doEditForChannel,
|
||||
doClearPlayingUri,
|
||||
doToast,
|
||||
doDownloadUri,
|
||||
};
|
||||
|
|
|
@ -11,7 +11,6 @@ import * as COLLECTIONS_CONSTS from 'constants/collections';
|
|||
import * as RENDER_MODES from 'constants/file_render_modes';
|
||||
import ClaimSupportButton from 'component/claimSupportButton';
|
||||
import ClaimCollectionAddButton from 'component/claimCollectionAddButton';
|
||||
import ClaimRepostButton from 'component/claimRepostButton';
|
||||
import { useHistory } from 'react-router';
|
||||
import FileReactions from 'component/fileReactions';
|
||||
import { Menu, MenuButton, MenuList, MenuItem } from '@reach/menu-button';
|
||||
|
@ -33,7 +32,6 @@ type Props = {
|
|||
disableDownloadButton: boolean,
|
||||
doOpenModal: (id: string, { uri: string, claimIsMine?: boolean, isSupport?: boolean }) => void,
|
||||
doEditForChannel: (claim: Claim, uri: string) => void,
|
||||
doClearPlayingUri: () => void,
|
||||
doToast: (data: { message: string }) => void,
|
||||
doDownloadUri: (uri: string) => void,
|
||||
};
|
||||
|
@ -52,14 +50,13 @@ export default function FileActions(props: Props) {
|
|||
disableDownloadButton,
|
||||
doOpenModal,
|
||||
doEditForChannel,
|
||||
doClearPlayingUri,
|
||||
doToast,
|
||||
doDownloadUri,
|
||||
} = props;
|
||||
|
||||
const {
|
||||
push,
|
||||
location: { pathname, search },
|
||||
location: { search },
|
||||
} = useHistory();
|
||||
|
||||
const isMobile = useIsMobile();
|
||||
|
@ -103,16 +100,15 @@ export default function FileActions(props: Props) {
|
|||
}
|
||||
}, [downloadClicked, streamingUrl, fileName]);
|
||||
|
||||
// TODO: don't want to redirect. need to instead show modal
|
||||
function handleRepostClick() {
|
||||
if (!hasChannels) {
|
||||
doClearPlayingUri();
|
||||
push(`/$/${PAGES.CHANNEL_NEW}?redirect=${pathname}`);
|
||||
doToast({ message: __('A channel is required to repost on %SITE_NAME%', { SITE_NAME }) });
|
||||
} else {
|
||||
push(`/$/${PAGES.REPOST_NEW}?from=${encodeURIComponent(uri)}&redirect=${encodeURIComponent(pathname)}`);
|
||||
return;
|
||||
}
|
||||
|
||||
doOpenModal(MODALS.REPOST, { uri });
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="media__actions">
|
||||
{ENABLE_FILE_REACTIONS && <FileReactions uri={uri} />}
|
||||
|
@ -121,9 +117,7 @@ export default function FileActions(props: Props) {
|
|||
|
||||
<ClaimCollectionAddButton uri={uri} fileAction />
|
||||
|
||||
<ClaimRepostButton uri={uri} pathname={pathname} fileAction />
|
||||
|
||||
{/* {!hideRepost && !isMobile && !isLivestreamClaim && (
|
||||
{!hideRepost && !isMobile && !isLivestreamClaim && (
|
||||
<Tooltip title={__('Repost')} arrow={false}>
|
||||
<Button
|
||||
button="alt"
|
||||
|
@ -136,7 +130,7 @@ export default function FileActions(props: Props) {
|
|||
onClick={handleRepostClick}
|
||||
/>
|
||||
</Tooltip>
|
||||
)} */}
|
||||
)}
|
||||
|
||||
<Tooltip title={__('Share')} arrow={false}>
|
||||
<Button
|
||||
|
|
|
@ -252,28 +252,6 @@ function RepostCreate(props: Props) {
|
|||
|
||||
const repostClaimId = contentClaimId || enteredClaimId;
|
||||
|
||||
// const getRedirect = (entered, passed, redirect) => {
|
||||
// if (redirect) {
|
||||
// return redirect;
|
||||
// } else if (entered) {
|
||||
// try {
|
||||
// const { claimName } = parseURI(entered);
|
||||
// return claimName ? `/${claimName}` : '/';
|
||||
// } catch (e) {
|
||||
// return '/';
|
||||
// }
|
||||
// } else if (passed) {
|
||||
// try {
|
||||
// const { claimName } = parseURI(passed);
|
||||
// return claimName ? `/${claimName}` : '/';
|
||||
// } catch (e) {
|
||||
// return '/';
|
||||
// }
|
||||
// } else {
|
||||
// return '/';
|
||||
// }
|
||||
// };
|
||||
|
||||
function handleSubmit() {
|
||||
if (enteredRepostName && repostBid && repostClaimId) {
|
||||
doRepost({
|
||||
|
|
|
@ -83,7 +83,6 @@ const PasswordSetPage = lazyImport(() => import('page/passwordSet' /* webpackChu
|
|||
const PublishPage = lazyImport(() => import('page/publish' /* webpackChunkName: "publish" */));
|
||||
const ReportContentPage = lazyImport(() => import('page/reportContent' /* webpackChunkName: "reportContent" */));
|
||||
const ReportPage = lazyImport(() => import('page/report' /* webpackChunkName: "report" */));
|
||||
const RepostNew = lazyImport(() => import('page/repost' /* webpackChunkName: "repost" */));
|
||||
const RewardsPage = lazyImport(() => import('page/rewards' /* webpackChunkName: "rewards" */));
|
||||
const RewardsVerifyPage = lazyImport(() => import('page/rewardsVerify' /* webpackChunkName: "rewardsVerify" */));
|
||||
const SearchPage = lazyImport(() => import('page/search' /* webpackChunkName: "search" */));
|
||||
|
@ -347,7 +346,6 @@ function AppRouter(props: Props) {
|
|||
/>
|
||||
<PrivateRoute {...props} path={`/$/${PAGES.INVITE}`} component={InvitePage} />
|
||||
<PrivateRoute {...props} path={`/$/${PAGES.CHANNEL_NEW}`} component={ChannelNew} />
|
||||
<PrivateRoute {...props} path={`/$/${PAGES.REPOST_NEW}`} component={RepostNew} />
|
||||
<PrivateRoute {...props} path={`/$/${PAGES.UPLOADS}`} component={FileListPublished} />
|
||||
<PrivateRoute {...props} path={`/$/${PAGES.CREATOR_DASHBOARD}`} component={CreatorDashboard} />
|
||||
<PrivateRoute {...props} path={`/$/${PAGES.UPLOAD}`} component={PublishPage} />
|
||||
|
|
|
@ -48,7 +48,6 @@ export const PAGE_TITLE = {
|
|||
[PAGES.RECEIVE]: 'Your address',
|
||||
[PAGES.REPORT]: 'Report an issue or request a feature',
|
||||
[PAGES.REPORT_CONTENT]: 'Report content',
|
||||
[PAGES.REPOST_NEW]: 'Repost',
|
||||
[PAGES.REWARDS]: 'Rewards',
|
||||
[PAGES.REWARDS_VERIFY]: 'Verify to earn Credits',
|
||||
[PAGES.SEARCH]: 'Search',
|
||||
|
|
|
@ -45,7 +45,6 @@ exports.REPORT = 'report';
|
|||
exports.REPORT_CONTENT = 'report_content';
|
||||
exports.REWARDS = 'rewards';
|
||||
exports.REWARDS_VERIFY = 'rewards/verify';
|
||||
exports.REPOST_NEW = 'repost';
|
||||
exports.SEND = 'send';
|
||||
exports.SETTINGS = 'settings';
|
||||
exports.SETTINGS_STRIPE_CARD = 'settings/card';
|
||||
|
|
|
@ -1,15 +0,0 @@
|
|||
import { connect } from 'react-redux';
|
||||
|
||||
import { doResolveUri } from 'redux/actions/claims';
|
||||
import { selectBalance } from 'redux/selectors/wallet';
|
||||
import RepostPage from './view';
|
||||
|
||||
const select = (state, props) => ({
|
||||
balance: selectBalance(state),
|
||||
});
|
||||
|
||||
const perform = (dispatch) => ({
|
||||
resolveUri: (uri) => dispatch(doResolveUri(uri)),
|
||||
});
|
||||
|
||||
export default connect(select, perform)(RepostPage);
|
|
@ -1,77 +0,0 @@
|
|||
// @flow
|
||||
import React from 'react';
|
||||
import Page from 'component/page';
|
||||
import { useHistory } from 'react-router';
|
||||
import RepostCreate from 'component/repostCreate';
|
||||
import YrblWalletEmpty from 'component/yrblWalletEmpty';
|
||||
import useThrottle from 'effects/use-throttle';
|
||||
import classnames from 'classnames';
|
||||
|
||||
type Props = {
|
||||
balance: number,
|
||||
resolveUri: string => void,
|
||||
};
|
||||
function RepostPage(props: Props) {
|
||||
const { balance, resolveUri } = props;
|
||||
|
||||
const REPOST_FROM = 'from';
|
||||
const REPOST_TO = 'to';
|
||||
const REDIRECT = 'redirect';
|
||||
const {
|
||||
location: { search },
|
||||
} = useHistory();
|
||||
|
||||
const urlParams = new URLSearchParams(search);
|
||||
const repostFrom = urlParams.get(REPOST_FROM);
|
||||
const redirectUri = urlParams.get(REDIRECT);
|
||||
const repostTo = urlParams.get(REPOST_TO);
|
||||
const [contentUri, setContentUri] = React.useState('');
|
||||
const [repostUri, setRepostUri] = React.useState('');
|
||||
const throttledContentValue = useThrottle(contentUri, 500);
|
||||
const throttledRepostValue = useThrottle(repostUri, 500);
|
||||
|
||||
React.useEffect(() => {
|
||||
if (throttledContentValue) {
|
||||
resolveUri(throttledContentValue);
|
||||
}
|
||||
}, [throttledContentValue, resolveUri]);
|
||||
|
||||
React.useEffect(() => {
|
||||
if (throttledRepostValue) {
|
||||
resolveUri(throttledRepostValue);
|
||||
}
|
||||
}, [throttledRepostValue, resolveUri]);
|
||||
|
||||
React.useEffect(() => {
|
||||
if (repostTo) {
|
||||
resolveUri(repostTo);
|
||||
}
|
||||
}, [repostTo, resolveUri]);
|
||||
|
||||
const decodedFrom = repostFrom && decodeURIComponent(repostFrom);
|
||||
return (
|
||||
<Page
|
||||
noFooter
|
||||
noSideNavigation
|
||||
backout={{
|
||||
title: __('Repost'),
|
||||
backLabel: __('Back'),
|
||||
}}
|
||||
>
|
||||
{balance === 0 && <YrblWalletEmpty />}
|
||||
<div className={classnames({ 'card--disabled': balance === 0 })}>
|
||||
<RepostCreate
|
||||
uri={decodedFrom}
|
||||
name={repostTo}
|
||||
redirectUri={redirectUri}
|
||||
repostUri={repostUri}
|
||||
contentUri={contentUri}
|
||||
setContentUri={setContentUri}
|
||||
setRepostUri={setRepostUri}
|
||||
/>
|
||||
</div>
|
||||
</Page>
|
||||
);
|
||||
}
|
||||
|
||||
export default RepostPage;
|
|
@ -16,6 +16,7 @@ import {
|
|||
import { selectUserVerifiedEmail } from 'redux/selectors/user';
|
||||
import { doResolveUri } from 'redux/actions/claims';
|
||||
import { doBeginPublish } from 'redux/actions/publish';
|
||||
import { doOpenModal } from 'redux/actions/app';
|
||||
import { doFetchItemsInCollection } from 'redux/actions/collections';
|
||||
import { isStreamPlaceholderClaim } from 'util/claim';
|
||||
import { normalizeURI } from 'util/lbryURI';
|
||||
|
@ -91,6 +92,7 @@ const perform = {
|
|||
doResolveUri,
|
||||
doBeginPublish,
|
||||
doFetchItemsInCollection,
|
||||
doOpenModal,
|
||||
};
|
||||
|
||||
export default withRouter(connect(select, perform)(ShowPage));
|
||||
|
|
|
@ -1,9 +1,8 @@
|
|||
// @flow
|
||||
import { DOMAIN, ENABLE_NO_SOURCE_CLAIMS } from 'config';
|
||||
import * as PAGES from 'constants/pages';
|
||||
import React, { useEffect } from 'react';
|
||||
import { lazyImport } from 'util/lazyImport';
|
||||
import { Redirect, useHistory } from 'react-router-dom';
|
||||
import { Redirect } from 'react-router-dom';
|
||||
import Spinner from 'component/spinner';
|
||||
import ChannelPage from 'page/channel';
|
||||
import Page from 'component/page';
|
||||
|
@ -13,6 +12,7 @@ import Yrbl from 'component/yrbl';
|
|||
import { formatLbryUrlForWeb } from 'util/url';
|
||||
import { parseURI } from 'util/lbryURI';
|
||||
import * as COLLECTIONS_CONSTS from 'constants/collections';
|
||||
import * as MODALS from 'constants/modal_types';
|
||||
|
||||
const AbandonedChannelPreview = lazyImport(() =>
|
||||
import('component/abandonedChannelPreview' /* webpackChunkName: "abandonedChannelPreview" */)
|
||||
|
@ -40,6 +40,7 @@ type Props = {
|
|||
doResolveUri: (uri: string, returnCached: boolean, resolveReposts: boolean, options: any) => void,
|
||||
doBeginPublish: (name: ?string) => void,
|
||||
doFetchItemsInCollection: ({ collectionId: string }) => void,
|
||||
doOpenModal: (string, {}) => void,
|
||||
};
|
||||
|
||||
export default function ShowPage(props: Props) {
|
||||
|
@ -62,9 +63,9 @@ export default function ShowPage(props: Props) {
|
|||
doResolveUri,
|
||||
doBeginPublish,
|
||||
doFetchItemsInCollection,
|
||||
doOpenModal,
|
||||
} = props;
|
||||
|
||||
const { push } = useHistory();
|
||||
const { search, pathname, hash } = location;
|
||||
const urlParams = new URLSearchParams(search);
|
||||
const linkedCommentId = urlParams.get('lc');
|
||||
|
@ -190,8 +191,8 @@ export default function ShowPage(props: Props) {
|
|||
/>
|
||||
<Button
|
||||
button="secondary"
|
||||
onClick={() => push(`/$/${PAGES.REPOST_NEW}${contentName ? `?to=${contentName}` : ''}`)}
|
||||
label={__('Repost Something')}
|
||||
onClick={() => doOpenModal(MODALS.REPOST, {})}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
|
|
|
@ -31,7 +31,6 @@ function TopPage(props: Props) {
|
|||
streamType={SIMPLE_SITE ? CS.CONTENT_ALL : undefined}
|
||||
meta={
|
||||
<div className="search__top-links">
|
||||
{/* <Button button="secondary" navigate={`/$/${PAGES.REPOST_NEW}?to=${queryName}`} label={__('Repost Here')} /> */}
|
||||
<Button button="secondary" onClick={() => doOpenModal(MODALS.REPOST, {})} label={__('Repost Here')} />
|
||||
<Button button="secondary" onClick={() => beginPublish(queryName)} label={__('Publish Here')} />
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue