{this.props.data.data.photos && (
)}
{this.props.data.data.settings && (
this.setState({ showLightbox: true })}
/>
)}
{this.props.data.data.quotes && (
<>
{variables.getMessage('modals.main.settings.sections.quote.title')} |
{variables.getMessage('modals.main.settings.sections.quote.author')} |
{this.props.data.data.quotes.slice(0, this.state.count).map((quote, index) => (
{quote.quote} |
{quote.author} |
))}
this.incrementCount('quotes')}>
{this.state.count !== this.props.data.data.quotes.length ? (
<>
{' '}
{variables.getMessage('modals.main.marketplace.product.show_all')}
>
) : (
<>
{' '}
{variables.getMessage('modals.main.marketplace.product.show_less')}
>
)}
>
)}
{this.props.data.data.settings && (
<>
{variables.getMessage('modals.main.marketplace.product.setting')} |
{variables.getMessage('modals.main.marketplace.product.value')} |
{Object.entries(this.props.data.data.settings)
.slice(0, this.state.count)
.map(([key, value]) => (
{key} |
{value} |
))}
this.incrementCount('settings')}>
{this.state.count !== this.props.data.data.settings.length ? (
<>
{' '}
{variables.getMessage('modals.main.marketplace.product.show_all')}
>
) : (
<>
{' '}
{variables.getMessage('modals.main.marketplace.product.show_less')}
>
)}
>
)}
{variables.getMessage('modals.main.marketplace.product.description')}
{moreInfoItem(
,
variables.getMessage('modals.main.marketplace.product.version'),
updateButton ? (
{this.props.data.version} (Installed: {this.props.data.addonInstalledVersion})
) : (
{this.props.data.version}
),
)}
{moreInfoItem(
,
variables.getMessage('modals.main.marketplace.product.author'),
this.props.data.author,
)}
{this.props.data.data.quotes &&
moreInfoItem(
,
variables.getMessage('modals.main.marketplace.product.no_quotes'),
this.props.data.data.quotes.length,
)}
{this.props.data.data.photos &&
moreInfoItem(
,
variables.getMessage('modals.main.marketplace.product.no_images'),
this.props.data.data.photos.length,
)}
{this.props.data.data.quotes && this.props.data.data.language !== ''
? moreInfoItem(
,
variables.getMessage('modals.main.settings.sections.language.title'),
this.props.data.data.language,
)
: null}
{moreInfoItem(
,
variables.getMessage('modals.main.settings.sections.background.type.title'),
variables.getMessage(
'modals.main.marketplace.' + this.getName(this.props.data.data.type),
) || 'marketplace',
)}
{this.props.button}
{this.props.data.data.collection && (
{variables.getMessage('modals.main.marketplace.product.part_of')}
{this.props.data.data.collection}
{variables.getMessage('modals.main.marketplace.product.explore')}
)}