mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-17 05:54:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

bug fix

Browse Source
This commit is contained in:
David Ralph
2020-09-20 11:35:05 +01:00
parent 7cc88449d7
commit 7b256fc956
4 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/modals/Addons.jsx
View File

@@ -145,16 +145,24 @@ export default class Addons extends React.PureComponent {
}
render() {
let content = <div id='marketplace'>
<input id='file-input' type='file' name='name' className='hidden' />
<button className='addToMue sideload' onClick={() => document.getElementById('file-input').click()}>Sideload</button>
<h1>{this.props.language.added}</h1>
<div className='items'>
{this.state.installed.map((item) =>
<div className='item' onClick={() => this.toggle('item', item.type, item.name)}>
<img alt='icon' src={item.content.data.icon_url} />
<div className='details'>
<h4>{item.content.data.name}</h4>
<p>{item.content.data.author}</p>
</div>
</div>)}
</div>
</div>;
if (this.state.installed.length === 0) {
return <div className='content'>
<span className='closeModal' onClick={this.props.modalClose}>&times;</span>
<h1>{this.props.modalLanguage.title}</h1>
<div className='tab'>
<button className='tablinks' onClick={this.props.openMarketplace}>{this.props.modalLanguage.marketplace}</button>
<button className='tablinks' id='active'>{this.props.modalLanguage.addons}</button>
<button className='tablinks' onClick={this.props.openSettings}>{this.props.modalLanguage.settings}</button>
</div>
<div id='marketplace'>
content = <div id='marketplace'>
<input id='file-input' type='file' name='name' className='hidden' />
<button className='addToMue sideload' onClick={() => document.getElementById('file-input').click()}>Sideload</button>
<h1>{this.props.language.added}</h1>
@@ -166,33 +174,18 @@ export default class Addons extends React.PureComponent {
<button className='goToMarket' onClick={this.props.openMarketplace}>{this.props.language.empty.button}</button>
</div>
</div>
</div>
</div>;
</div>;
}
return <div className='content'>
<span className='closeModal' onClick={this.props.modalClose}>&times;</span>
<h1>{this.props.modalLanguage.title}</h1>
<div className='tab'>
<button className='tablinks' onClick={this.props.openMarketplace}>{this.props.modalLanguage.marketplace}</button>
<button className='tablinks' id='active'>{this.props.modalLanguage.addons}</button>
<button className='tablinks' onClick={this.props.openSettings}>{this.props.modalLanguage.settings}</button>
</div>
<div id='marketplace'>
<input id='file-input' type='file' name='name' className='hidden' />
<button className='addToMue sideload' onClick={() => document.getElementById('file-input').click()}>Sideload</button>
<h1>{this.props.language.added}</h1>
<div className='items'>
{this.state.installed.map((item) =>
<div className='item' onClick={() => this.toggle('item', item.type, item.name)}>
<img alt='icon' src={item.content.data.icon_url} />
<div className='details'>
<h4>{item.content.data.name}</h4>
<p>{item.content.data.author}</p>
</div>
</div>)}
</div>
<div className='tab'>
<button className='tablinks' onClick={this.props.openMarketplace}>{this.props.modalLanguage.marketplace}</button>
<button className='tablinks' id='active'>{this.props.modalLanguage.addons}</button>
<button className='tablinks' onClick={this.props.openSettings}>{this.props.modalLanguage.settings}</button>
</div>
{content}
<Item button={this.state.button} data={this.state.item_data} function={() => this.toggle()} language={this.props.marketplaceLanguage.product} />
</div>;
}

7
src/components/modals/Marketplace.jsx
View File

@@ -232,7 +232,12 @@ export default class Marketplace extends React.PureComponent {
toggleFunction={(input) => this.toggle('item', 'theme', input)}
seeMoreFunction={() => this.toggle('seemore', 'themes')} />
</div>
<Item button={this.state.button} data={this.state.item_data} function={() => this.toggle()} language={this.props.language.product} />
<Item
button={this.state.button}
data={this.state.item_data}
content={this.state.current_data}
function={() => this.toggle()} language={this.props.language.product}
/>
<div id='seemore'>
<ArrowBackIcon className='backArrow' onClick={() => this.toggle()} />
<Items

19
src/components/modals/marketplace/Item.jsx
View File

@@ -5,14 +5,17 @@ export default class Item extends React.PureComponent {
render() {
//if (!this.props.data.icon) return null;
let warningHTML;
if (this.props.data.quote_api) {
warningHTML = <div className='productInformation'>
<ul>
<li className='header'>{this.props.language.quoteWarning.title}</li>
<li id='updated'>{this.props.language.quoteWarning.description}</li>
</ul>
</div>
}
try { // For some reason it breaks sometimes so we use try/catch
if (this.props.content.content.data.quote_api) {
warningHTML = <div className='productInformation'>
<ul>
<li className='header'>{this.props.language.quoteWarning.title}</li>
<li id='updated'>{this.props.language.quoteWarning.description}</li>
</ul>
</div>
}
} catch (e) {}
return (
<div id='item'>
<br/>