ffdb5abf63
* Save * Save * Add pulse * Adjust footer ad * Adjust tile ad * Adjust tile ad hover * Fix premium badge alignment in tile grid * Adjust livestream icon * Adjust livestream icon * Save scheduled livestreasm & tile ad * Fix scheduled callback * Fix playlist icon size on file page * Fix grid distortion in 3 & 4 column layout * - * Fix grid on category & channel page * Fix Premium Plus Grid * Add custom tile for adblockers * Reset env * Remove collapsed tiles * Remove setLoaded on scheduled livestreams page * - * Make isHidden optional * Remove px * Review adjustments * Inject Premium+ ads * Fix injection * Fix injection when using the last tile * Fix injection when using the last tile * Enable stripe dev * Create PremiumPlusTile component and add list view design * Create PremiumPlusTile component and add list view design * Adjust ads in list view * Remove setState from render loop * Clean code * Fix livestream margin in list view * Rewrite & tune some logic - Homepage & Channel page * Clean details... * Clean details... * Requested review changes Signed-off-by: Raphael Wickihalder <raphael.wickihalder@odysee.com> * Requested review changes Signed-off-by: Raphael Wickihalder <raphael.wickihalder@odysee.com>
68 lines
2.2 KiB
JavaScript
68 lines
2.2 KiB
JavaScript
// @flow
|
|
import React from 'react';
|
|
import * as ICONS from 'constants/icons';
|
|
import * as PAGES from 'constants/pages';
|
|
import Icon from 'component/common/icon';
|
|
|
|
type Props = {
|
|
tileLayout?: boolean,
|
|
};
|
|
|
|
const PremiumPlusTile = (props: Props) => {
|
|
const { tileLayout } = props;
|
|
|
|
const title = __('No ads and access to exclusive features!');
|
|
const channel = __('Get Odysee Premium+');
|
|
const time = __('Now');
|
|
|
|
return tileLayout ? (
|
|
<li className="card claim-preview--tile claim-preview--premium-plus">
|
|
<a href={`/$/${PAGES.ODYSEE_MEMBERSHIP}`}>
|
|
<div className="media__thumb" />
|
|
<div className="claim-tile__header">
|
|
<h2 className="claim-tile__title">{title}</h2>
|
|
</div>
|
|
<div>
|
|
<div className="claim-tile__info">
|
|
<Icon icon={ICONS.UPGRADE} />
|
|
<div className="claim-tile__about">
|
|
<div className="channel-name">{channel}</div>
|
|
<div className="claim-tile__about--counts">
|
|
<span className="date_time">{time}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
) : (
|
|
<li className="claim-preview__wrapper claim-preview--premium-plus">
|
|
<a href={`/$/${PAGES.ODYSEE_MEMBERSHIP}`}>
|
|
<div className="claim-preview">
|
|
<div className="media__thumb" />
|
|
<div className="claim-preview__text">
|
|
<div className="claim-preview-metadata">
|
|
<div className="claim-preview-info">
|
|
<div className="claim-preview__title">{title}</div>
|
|
</div>
|
|
<div className="claim-tile__info">
|
|
<div className="claim-preview__channel-staked">
|
|
<Icon icon={ICONS.UPGRADE} />
|
|
</div>
|
|
<div className="media__subtitle">
|
|
<div className="button__content">
|
|
<span className="channel-name">{channel}</span>
|
|
<br />
|
|
</div>
|
|
<span sclassName="view_count">{time}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
);
|
|
};
|
|
|
|
export default PremiumPlusTile;
|