mirror of
https://github.com/LBRYFoundation/lbry-desktop.git
synced 2025-08-23 17:47:24 +00:00
remove unused conditional
This commit is contained in:
Anthony
parent
9d6bc66eae
commit
13f49cd169
1 changed files with 222 additions and 244 deletions
|
|
@ -405,266 +405,244 @@ function WalletSendTip(props: Props) {
|
||||||
return (
|
return (
|
||||||
<Form onSubmit={handleSubmit}>
|
<Form onSubmit={handleSubmit}>
|
||||||
{/* if there is no LBC balance, show user frontend to get credits */}
|
{/* if there is no LBC balance, show user frontend to get credits */}
|
||||||
{1 === 2 ? (
|
{/* if there is lbc, the main tip/boost gui with the 3 tabs at the top */}
|
||||||
<Card
|
<Card
|
||||||
title={<I18nMessage tokens={{ lbc: <LbcSymbol size={22} /> }}>Supporting content requires %lbc%</I18nMessage>}
|
title={<LbcSymbol postfix={claimIsMine ? __('Boost Your %claimTypeText%', {claimTypeText}) : __('Support This %claimTypeText%', {claimTypeText})} size={22} />}
|
||||||
subtitle={
|
subtitle={
|
||||||
<I18nMessage tokens={{ lbc: <LbcSymbol /> }}>
|
<React.Fragment>
|
||||||
With %lbc%, you can send tips to your favorite creators, or help boost their content for more people to
|
{!claimIsMine && (
|
||||||
see.
|
<div className="section">
|
||||||
</I18nMessage>
|
{/* tip LBC tab button */}
|
||||||
}
|
<Button
|
||||||
actions={
|
key="tip"
|
||||||
<div className="section__actions">
|
icon={ICONS.LBC}
|
||||||
<Button
|
label={__('Tip')}
|
||||||
icon={ICONS.REWARDS}
|
button="alt"
|
||||||
button="primary"
|
onClick={() => {
|
||||||
label={__('Earn Rewards')}
|
var tipInputElement = document.getElementById('tip-input');
|
||||||
navigate={`/$/${PAGES.REWARDS}`}
|
if (tipInputElement) { tipInputElement.focus() }
|
||||||
/>
|
if (!isConfirming) {
|
||||||
<Button icon={ICONS.BUY} button="secondary" label={__('Buy/Swap Credits')} navigate={`/$/${PAGES.BUY}`} />
|
setActiveTab(TAB_LBC);
|
||||||
<Button button="link" label={__('Nevermind')} onClick={closeModal} />
|
}
|
||||||
|
}}
|
||||||
|
className={classnames('button-toggle', { 'button-toggle--active': activeTab === TAB_LBC })}
|
||||||
|
/>
|
||||||
|
{/* tip fiat tab button */}
|
||||||
|
{/* @if TARGET='web' */}
|
||||||
|
<Button
|
||||||
|
key="tip-fiat"
|
||||||
|
icon={ICONS.FINANCE}
|
||||||
|
label={__('Tip')}
|
||||||
|
button="alt"
|
||||||
|
onClick={() => {
|
||||||
|
var tipInputElement = document.getElementById('tip-input');
|
||||||
|
if (tipInputElement) { tipInputElement.focus() }
|
||||||
|
if (!isConfirming) {
|
||||||
|
setActiveTab(TAB_FIAT);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
className={classnames('button-toggle', { 'button-toggle--active': activeTab === TAB_FIAT })}
|
||||||
|
/>
|
||||||
|
{/* @endif */}
|
||||||
|
{/* tip LBC tab button */}
|
||||||
|
<Button
|
||||||
|
key="boost"
|
||||||
|
icon={ICONS.TRENDING}
|
||||||
|
label={__('Boost')}
|
||||||
|
button="alt"
|
||||||
|
onClick={() => {
|
||||||
|
var tipInputElement = document.getElementById('tip-input');
|
||||||
|
if (tipInputElement) { tipInputElement.focus() }
|
||||||
|
if (!isConfirming) {
|
||||||
|
setActiveTab(TAB_BOOST);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
className={classnames('button-toggle', { 'button-toggle--active': activeTab === TAB_BOOST })}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* short explainer under the button */}
|
||||||
|
<div className="section__subtitle">
|
||||||
|
{explainerText + ' '}
|
||||||
|
{/* {activeTab === TAB_FIAT && !hasCardSaved && <Button navigate={`/$/${PAGES.SETTINGS_STRIPE_CARD}`} label={__('Add A Card')} button="link" />} */}
|
||||||
|
{<Button label={__('Learn more')} button="link" href="https://lbry.com/faq/tipping" />}
|
||||||
</div>
|
</div>
|
||||||
}
|
</React.Fragment>
|
||||||
/>
|
}
|
||||||
) : (
|
actions={
|
||||||
// if there is lbc, the main tip/boost gui with the 3 tabs at the top
|
// confirmation modal, allow user to confirm or cancel transaction
|
||||||
<Card
|
isConfirming ? (
|
||||||
title={<LbcSymbol postfix={claimIsMine ? __('Boost Your %claimTypeText%', {claimTypeText}) : __('Support This %claimTypeText%', {claimTypeText})} size={22} />}
|
<>
|
||||||
subtitle={
|
<div className="section section--padded card--inline confirm__wrapper">
|
||||||
<React.Fragment>
|
|
||||||
{!claimIsMine && (
|
|
||||||
<div className="section">
|
<div className="section">
|
||||||
{/* tip LBC tab button */}
|
<div className="confirm__label">{__('To --[the tip recipient]--')}</div>
|
||||||
|
<div className="confirm__value">{channelName || title}</div>
|
||||||
|
<div className="confirm__label">{__('From --[the tip sender]--')}</div>
|
||||||
|
<div className="confirm__value">
|
||||||
|
{activeChannelClaim && !incognito ? activeChannelClaim.name : __('Anonymous')}
|
||||||
|
</div>
|
||||||
|
<div className="confirm__label">{setConfirmLabel()}</div>
|
||||||
|
<div className="confirm__value">
|
||||||
|
{activeTab === TAB_FIAT ? <p>$ {(Math.round(tipAmount * 100) / 100).toFixed(2)}</p> : <LbcSymbol postfix={tipAmount} size={22} />}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="section__actions">
|
||||||
|
<Button
|
||||||
|
autoFocus
|
||||||
|
onClick={handleSubmit}
|
||||||
|
button="primary"
|
||||||
|
disabled={isPending}
|
||||||
|
label={__('Confirm')}
|
||||||
|
/>
|
||||||
|
<Button button="link" label={__('Cancel')} onClick={() => setIsConfirming(false)} />
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
// only show the prompt to earn more if its lbc or boost tab and no balance
|
||||||
|
// otherwise you can show the full prompt
|
||||||
|
) : (!((activeTab === TAB_LBC || activeTab === TAB_BOOST) && noBalance)
|
||||||
|
? <>
|
||||||
|
<div className="section">
|
||||||
|
<ChannelSelector />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{activeTab === TAB_FIAT && !hasCardSaved && (
|
||||||
|
<h3 className="add-card-prompt">
|
||||||
|
<Button navigate={`/$/${PAGES.SETTINGS_STRIPE_CARD}`} label={__('Add a Card')} button="link" />
|
||||||
|
{' '}{__('To Tip Creators')}
|
||||||
|
</h3>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* section to pick tip/boost amount */}
|
||||||
|
<div className="section">
|
||||||
|
{DEFAULT_TIP_AMOUNTS.map((amount) => (
|
||||||
<Button
|
<Button
|
||||||
key="tip"
|
key={amount}
|
||||||
icon={ICONS.LBC}
|
disabled={shouldDisableAmountSelector(amount)}
|
||||||
label={__('Tip')}
|
|
||||||
button="alt"
|
button="alt"
|
||||||
|
className={classnames('button-toggle button-toggle--expandformobile', {
|
||||||
|
'button-toggle--active': tipAmount === amount && !useCustomTip,
|
||||||
|
'button-toggle--disabled': amount > balance,
|
||||||
|
})}
|
||||||
|
label={amount}
|
||||||
|
icon={iconToUse}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
var tipInputElement = document.getElementById('tip-input');
|
setPresetTipAmount(amount);
|
||||||
if (tipInputElement) { tipInputElement.focus() }
|
setUseCustomTip(false);
|
||||||
if (!isConfirming) {
|
|
||||||
setActiveTab(TAB_LBC);
|
|
||||||
}
|
|
||||||
}}
|
}}
|
||||||
className={classnames('button-toggle', { 'button-toggle--active': activeTab === TAB_LBC })}
|
|
||||||
/>
|
/>
|
||||||
{/* tip fiat tab button */}
|
))}
|
||||||
{/* @if TARGET='web' */}
|
|
||||||
|
<Button
|
||||||
|
button="alt"
|
||||||
|
className={classnames('button-toggle button-toggle--expandformobile', {
|
||||||
|
'button-toggle--active': useCustomTip, // set as active
|
||||||
|
})}
|
||||||
|
icon={iconToUse}
|
||||||
|
label={__('Custom')}
|
||||||
|
onClick={() => setUseCustomTip(true)}
|
||||||
|
// disabled if it's receive fiat and there is no card or creator can't receive tips
|
||||||
|
disabled={activeTab === TAB_FIAT && (!hasCardSaved || !canReceiveFiatTip)}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{DEFAULT_TIP_AMOUNTS.some((val) => val > balance) && activeTab !== TAB_FIAT && (
|
||||||
<Button
|
<Button
|
||||||
key="tip-fiat"
|
button="secondary"
|
||||||
icon={ICONS.FINANCE}
|
className="button-toggle-group-action"
|
||||||
label={__('Tip')}
|
icon={ICONS.BUY}
|
||||||
button="alt"
|
title={__('Buy or swap more LBRY Credits')}
|
||||||
onClick={() => {
|
navigate={`/$/${PAGES.BUY}`}
|
||||||
var tipInputElement = document.getElementById('tip-input');
|
|
||||||
if (tipInputElement) { tipInputElement.focus() }
|
|
||||||
if (!isConfirming) {
|
|
||||||
setActiveTab(TAB_FIAT);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
className={classnames('button-toggle', { 'button-toggle--active': activeTab === TAB_FIAT })}
|
|
||||||
/>
|
/>
|
||||||
{/* @endif */}
|
)}
|
||||||
{/* tip LBC tab button */}
|
</div>
|
||||||
<Button
|
|
||||||
key="boost"
|
{useCustomTip && (
|
||||||
icon={ICONS.TRENDING}
|
<div className="section">
|
||||||
label={__('Boost')}
|
<FormField
|
||||||
button="alt"
|
autoFocus
|
||||||
onClick={() => {
|
name="tip-input"
|
||||||
var tipInputElement = document.getElementById('tip-input');
|
label={
|
||||||
if (tipInputElement) { tipInputElement.focus() }
|
<React.Fragment>
|
||||||
if (!isConfirming) {
|
{__('Custom support amount')}{' '}
|
||||||
setActiveTab(TAB_BOOST);
|
{activeTab !== TAB_FIAT ? (
|
||||||
}
|
<I18nMessage
|
||||||
|
tokens={{ lbc_balance: <CreditAmount precision={4} amount={balance} showLBC={false} /> }}
|
||||||
|
>
|
||||||
|
(%lbc_balance% Credits available)
|
||||||
|
</I18nMessage>
|
||||||
|
) : (
|
||||||
|
'in USD'
|
||||||
|
)}
|
||||||
|
</React.Fragment>
|
||||||
|
}
|
||||||
|
className="form-field--price-amount"
|
||||||
|
error={tipError}
|
||||||
|
min="0"
|
||||||
|
step="any"
|
||||||
|
type="number"
|
||||||
|
style={{
|
||||||
|
width: activeTab === TAB_FIAT ? '99px' : '160px',
|
||||||
}}
|
}}
|
||||||
className={classnames('button-toggle', { 'button-toggle--active': activeTab === TAB_BOOST })}
|
placeholder="1.23"
|
||||||
|
value={customTipAmount}
|
||||||
|
onChange={(event) => handleCustomPriceChange(event)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* short explainer under the button */}
|
{/* send tip/boost button */}
|
||||||
<div className="section__subtitle">
|
<div className="section__actions">
|
||||||
{explainerText + ' '}
|
<Button
|
||||||
{/* {activeTab === TAB_FIAT && !hasCardSaved && <Button navigate={`/$/${PAGES.SETTINGS_STRIPE_CARD}`} label={__('Add A Card')} button="link" />} */}
|
autoFocus
|
||||||
{<Button label={__('Learn more')} button="link" href="https://lbry.com/faq/tipping" />}
|
icon={isSupport ? ICONS.TRENDING : ICONS.SUPPORT}
|
||||||
|
button="primary"
|
||||||
|
type="submit"
|
||||||
|
disabled={
|
||||||
|
fetchingChannels ||
|
||||||
|
isPending ||
|
||||||
|
tipError ||
|
||||||
|
!tipAmount ||
|
||||||
|
(activeTab === TAB_FIAT && (!hasCardSaved || !canReceiveFiatTip))
|
||||||
|
}
|
||||||
|
label={buildButtonText()}
|
||||||
|
/>
|
||||||
|
{fetchingChannels && <span className="help">{__('Loading your channels...')}</span>}
|
||||||
</div>
|
</div>
|
||||||
</React.Fragment>
|
{activeTab !== TAB_FIAT ? (
|
||||||
}
|
<WalletSpendableBalanceHelp />
|
||||||
actions={
|
) : !canReceiveFiatTip ? (
|
||||||
// confirmation modal, allow user to confirm or cancel transaction
|
<div className="help">{__('Only select creators can receive tips at this time')}</div>
|
||||||
isConfirming ? (
|
) : (
|
||||||
<>
|
<div className="help">{__('The payment will be made from your saved card')}</div>
|
||||||
<div className="section section--padded card--inline confirm__wrapper">
|
)}
|
||||||
<div className="section">
|
</>
|
||||||
<div className="confirm__label">{__('To --[the tip recipient]--')}</div>
|
// if it's LBC and there is no balance, you can prompt to purchase LBC
|
||||||
<div className="confirm__value">{channelName || title}</div>
|
: <>
|
||||||
<div className="confirm__label">{__('From --[the tip sender]--')}</div>
|
<Card
|
||||||
<div className="confirm__value">
|
title={<I18nMessage tokens={{ lbc: <LbcSymbol size={22} /> }}>Supporting content requires %lbc%</I18nMessage>}
|
||||||
{activeChannelClaim && !incognito ? activeChannelClaim.name : __('Anonymous')}
|
subtitle={
|
||||||
|
<I18nMessage tokens={{ lbc: <LbcSymbol /> }}>
|
||||||
|
With %lbc%, you can send tips to your favorite creators, or help boost their content for more people to
|
||||||
|
see.
|
||||||
|
</I18nMessage>
|
||||||
|
}
|
||||||
|
actions={
|
||||||
|
<div className="section__actions">
|
||||||
|
<Button
|
||||||
|
icon={ICONS.REWARDS}
|
||||||
|
button="primary"
|
||||||
|
label={__('Earn Rewards')}
|
||||||
|
navigate={`/$/${PAGES.REWARDS}`}
|
||||||
|
/>
|
||||||
|
<Button icon={ICONS.BUY} button="secondary" label={__('Buy/Swap Credits')} navigate={`/$/${PAGES.BUY}`} />
|
||||||
|
<Button button="link" label={__('Nevermind')} onClick={closeModal} />
|
||||||
</div>
|
</div>
|
||||||
<div className="confirm__label">{setConfirmLabel()}</div>
|
}
|
||||||
<div className="confirm__value">
|
/></>
|
||||||
{activeTab === TAB_FIAT ? <p>$ {(Math.round(tipAmount * 100) / 100).toFixed(2)}</p> : <LbcSymbol postfix={tipAmount} size={22} />}
|
)
|
||||||
</div>
|
}
|
||||||
</div>
|
/>
|
||||||
</div>
|
|
||||||
<div className="section__actions">
|
|
||||||
<Button
|
|
||||||
autoFocus
|
|
||||||
onClick={handleSubmit}
|
|
||||||
button="primary"
|
|
||||||
disabled={isPending}
|
|
||||||
label={__('Confirm')}
|
|
||||||
/>
|
|
||||||
<Button button="link" label={__('Cancel')} onClick={() => setIsConfirming(false)} />
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
// only show the prompt to earn more if its lbc or boost tab and no balance
|
|
||||||
// otherwise you can show the full prompt
|
|
||||||
) : (!((activeTab === TAB_LBC || activeTab === TAB_BOOST) && noBalance)
|
|
||||||
? <>
|
|
||||||
<div className="section">
|
|
||||||
<ChannelSelector />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{activeTab === TAB_FIAT && !hasCardSaved && (
|
|
||||||
<h3 className="add-card-prompt">
|
|
||||||
<Button navigate={`/$/${PAGES.SETTINGS_STRIPE_CARD}`} label={__('Add a Card')} button="link" />
|
|
||||||
{' '}{__('To Tip Creators')}
|
|
||||||
</h3>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* section to pick tip/boost amount */}
|
|
||||||
<div className="section">
|
|
||||||
{DEFAULT_TIP_AMOUNTS.map((amount) => (
|
|
||||||
<Button
|
|
||||||
key={amount}
|
|
||||||
disabled={shouldDisableAmountSelector(amount)}
|
|
||||||
button="alt"
|
|
||||||
className={classnames('button-toggle button-toggle--expandformobile', {
|
|
||||||
'button-toggle--active': tipAmount === amount && !useCustomTip,
|
|
||||||
'button-toggle--disabled': amount > balance,
|
|
||||||
})}
|
|
||||||
label={amount}
|
|
||||||
icon={iconToUse}
|
|
||||||
onClick={() => {
|
|
||||||
setPresetTipAmount(amount);
|
|
||||||
setUseCustomTip(false);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
|
|
||||||
<Button
|
|
||||||
button="alt"
|
|
||||||
className={classnames('button-toggle button-toggle--expandformobile', {
|
|
||||||
'button-toggle--active': useCustomTip, // set as active
|
|
||||||
})}
|
|
||||||
icon={iconToUse}
|
|
||||||
label={__('Custom')}
|
|
||||||
onClick={() => setUseCustomTip(true)}
|
|
||||||
// disabled if it's receive fiat and there is no card or creator can't receive tips
|
|
||||||
disabled={activeTab === TAB_FIAT && (!hasCardSaved || !canReceiveFiatTip)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
{DEFAULT_TIP_AMOUNTS.some((val) => val > balance) && activeTab !== TAB_FIAT && (
|
|
||||||
<Button
|
|
||||||
button="secondary"
|
|
||||||
className="button-toggle-group-action"
|
|
||||||
icon={ICONS.BUY}
|
|
||||||
title={__('Buy or swap more LBRY Credits')}
|
|
||||||
navigate={`/$/${PAGES.BUY}`}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{useCustomTip && (
|
|
||||||
<div className="section">
|
|
||||||
<FormField
|
|
||||||
autoFocus
|
|
||||||
name="tip-input"
|
|
||||||
label={
|
|
||||||
<React.Fragment>
|
|
||||||
{__('Custom support amount')}{' '}
|
|
||||||
{activeTab !== TAB_FIAT ? (
|
|
||||||
<I18nMessage
|
|
||||||
tokens={{ lbc_balance: <CreditAmount precision={4} amount={balance} showLBC={false} /> }}
|
|
||||||
>
|
|
||||||
(%lbc_balance% Credits available)
|
|
||||||
</I18nMessage>
|
|
||||||
) : (
|
|
||||||
'in USD'
|
|
||||||
)}
|
|
||||||
</React.Fragment>
|
|
||||||
}
|
|
||||||
className="form-field--price-amount"
|
|
||||||
error={tipError}
|
|
||||||
min="0"
|
|
||||||
step="any"
|
|
||||||
type="number"
|
|
||||||
style={{
|
|
||||||
width: activeTab === TAB_FIAT ? '99px' : '160px',
|
|
||||||
}}
|
|
||||||
placeholder="1.23"
|
|
||||||
value={customTipAmount}
|
|
||||||
onChange={(event) => handleCustomPriceChange(event)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* send tip/boost button */}
|
|
||||||
<div className="section__actions">
|
|
||||||
<Button
|
|
||||||
autoFocus
|
|
||||||
icon={isSupport ? ICONS.TRENDING : ICONS.SUPPORT}
|
|
||||||
button="primary"
|
|
||||||
type="submit"
|
|
||||||
disabled={
|
|
||||||
fetchingChannels ||
|
|
||||||
isPending ||
|
|
||||||
tipError ||
|
|
||||||
!tipAmount ||
|
|
||||||
(activeTab === TAB_FIAT && (!hasCardSaved || !canReceiveFiatTip))
|
|
||||||
}
|
|
||||||
label={buildButtonText()}
|
|
||||||
/>
|
|
||||||
{fetchingChannels && <span className="help">{__('Loading your channels...')}</span>}
|
|
||||||
</div>
|
|
||||||
{activeTab !== TAB_FIAT ? (
|
|
||||||
<WalletSpendableBalanceHelp />
|
|
||||||
) : !canReceiveFiatTip ? (
|
|
||||||
<div className="help">{__('Only select creators can receive tips at this time')}</div>
|
|
||||||
) : (
|
|
||||||
<div className="help">{__('The payment will be made from your saved card')}</div>
|
|
||||||
)}
|
|
||||||
</> : <>
|
|
||||||
<Card
|
|
||||||
title={<I18nMessage tokens={{ lbc: <LbcSymbol size={22} /> }}>Supporting content requires %lbc%</I18nMessage>}
|
|
||||||
subtitle={
|
|
||||||
<I18nMessage tokens={{ lbc: <LbcSymbol /> }}>
|
|
||||||
With %lbc%, you can send tips to your favorite creators, or help boost their content for more people to
|
|
||||||
see.
|
|
||||||
</I18nMessage>
|
|
||||||
}
|
|
||||||
actions={
|
|
||||||
<div className="section__actions">
|
|
||||||
<Button
|
|
||||||
icon={ICONS.REWARDS}
|
|
||||||
button="primary"
|
|
||||||
label={__('Earn Rewards')}
|
|
||||||
navigate={`/$/${PAGES.REWARDS}`}
|
|
||||||
/>
|
|
||||||
<Button icon={ICONS.BUY} button="secondary" label={__('Buy/Swap Credits')} navigate={`/$/${PAGES.BUY}`} />
|
|
||||||
<Button button="link" label={__('Nevermind')} onClick={closeModal} />
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/></>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</Form>
|
</Form>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue