diff --git a/src/components/helpers/carousel/Carousel.jsx b/src/components/helpers/carousel/Carousel.jsx
index 2ff9d8f3..c7240fdc 100644
--- a/src/components/helpers/carousel/Carousel.jsx
+++ b/src/components/helpers/carousel/Carousel.jsx
@@ -3,6 +3,8 @@ import { MdOutlineArrowForwardIos, MdOutlineArrowBackIos } from 'react-icons/md'
import useEmblaCarousel from 'embla-carousel-react';
import Autoplay from 'embla-carousel-autoplay';
+import variables from 'modules/variables';
+
import './carousel.scss';
function EmblaCarousel({ data }) {
@@ -53,26 +55,33 @@ function EmblaCarousel({ data }) {
{data.map((photo, index) => (
-
-
-
-
- {variables.getMessage('modals.main.marketplace.product.version')}
-
- {updateButton ? (
-
- {this.props.data.version} (Installed: {this.props.data.addonInstalledVersion})
-
- ) : (
- {this.props.data.version}
- )}
-
-
-
-
-
-
- {variables.getMessage('modals.main.marketplace.product.author')}
-
- {this.props.data.author}
-
-
- {this.props.data.data.quotes && (
-
-
-
-
- {variables.getMessage('modals.main.marketplace.product.no_quotes')}
-
- {this.props.data.data.quotes.length}
-
-
- )}
- {this.props.data.data.photos && (
-
-
-
-
- {variables.getMessage('modals.main.marketplace.product.no_images')}
-
- {this.props.data.data.photos.length}
-
-
- )}
- {this.props.data.data.quotes && this.props.data.data.language !== '' ? (
-
-
-
-
- {variables.getMessage('modals.main.settings.sections.language.title')}
-
- {this.props.data.data.language}
-
-
- ) : null}
-
-
-
-
- {' '}
- {variables.getMessage('modals.main.settings.sections.background.type.title')}
-
+ {moreInfoItem(
+ ,
+ variables.getMessage('modals.main.marketplace.product.version'),
+ updateButton ? (
- {' '}
- {variables.getMessage(
- 'modals.main.marketplace.' + this.getName(this.props.data.data.type),
- ) || 'marketplace'}
+ {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',
+ )}