made extension chip showing/hiding consistent

This commit is contained in:
Ben Wheeler 2019-01-28 22:54:36 -05:00
parent be975cba26
commit 640d565207

View file

@ -187,7 +187,7 @@ const PreviewPresentation = ({
const extensionChips = ( const extensionChips = (
<FlexRow className="extension-list"> <FlexRow className="extension-list">
{extensions.map(extension => ( {extensions && extensions.map(extension => (
<ExtensionChip <ExtensionChip
action={extension.action} action={extension.action}
extensionL10n={extension.l10nId} extensionL10n={extension.l10nId}
@ -381,11 +381,11 @@ const PreviewPresentation = ({
<RemixCredit projectInfo={originalInfo} /> <RemixCredit projectInfo={originalInfo} />
{/* eslint-disable max-len */} {/* eslint-disable max-len */}
<MediaQuery maxWidth={frameless.tablet - 1}> <MediaQuery maxWidth={frameless.tablet - 1}>
{extensions && {(extensions && extensions.length) ? (
<FlexRow className="preview-row"> <FlexRow className="preview-row">
{extensionChips} {extensionChips}
</FlexRow> </FlexRow>
} ) : null}
</MediaQuery> </MediaQuery>
{showInstructions && ( {showInstructions && (
<div className="description-block"> <div className="description-block">
@ -522,9 +522,11 @@ const PreviewPresentation = ({
</FlexRow> </FlexRow>
</MediaQuery> </MediaQuery>
<MediaQuery minWidth={frameless.tablet}> <MediaQuery minWidth={frameless.tablet}>
{(extensions && extensions.length) ? (
<FlexRow className="preview-row"> <FlexRow className="preview-row">
{extensionChips} {extensionChips}
</FlexRow> </FlexRow>
) : null}
</MediaQuery> </MediaQuery>
{showModInfo && {showModInfo &&
<FlexRow className="preview-row"> <FlexRow className="preview-row">