-
+
{this.props.language.added}
{content}
diff --git a/src/components/modals/tabs/Marketplace.jsx b/src/components/modals/tabs/Marketplace.jsx
index 738de35f..27830d19 100644
--- a/src/components/modals/tabs/Marketplace.jsx
+++ b/src/components/modals/tabs/Marketplace.jsx
@@ -8,59 +8,48 @@ import * as Constants from '../../../modules/constants';
import Items from '../marketplace/Items';
export default class Marketplace extends React.PureComponent {
- constructor(...args) {
- super(...args);
- this.state = {
- themes: [],
- settings: [],
- photo_packs: [],
- quote_packs: [],
- see_more: [],
- see_more_type: '',
- current_data: {
- type: '',
- name: '',
- content: {}
- },
- button: '',
- featured: {},
- done: false,
- item_data: {
- name: 'Name',
- author: 'Author',
- description: 'Description',
- updated: '???',
- version: '1.0.0',
- icon: ''
- }
+ constructor(...args) {
+ super(...args);
+ this.state = {
+ settings: [],
+ photo_packs: [],
+ quote_packs: [],
+ see_more: [],
+ see_more_type: '',
+ current_data: {
+ type: '',
+ name: '',
+ content: {}
+ },
+ button: '',
+ featured: {},
+ done: false,
+ item_data: {
+ name: 'Name',
+ author: 'Author',
+ description: 'Description',
+ updated: '???',
+ version: '1.0.0',
+ icon: ''
}
-
- this.offlineHTML =
-
-
-
{this.props.language.offline.title}
-
{this.props.language.offline.description}
-
-
;
+ }
+ this.buttons = {
+ uninstall:
,
+ install:
+ }
}
- async toggle(type, type2, data) {
- if (type === 'seemore') {
+ async toggle(type, type2, data) {
+ switch (type) {
+ case 'seemore':
document.getElementById('marketplace').style.display = 'none';
document.getElementById('seemore').style.display = 'block';
- return this.setState({
- see_more: this.state[type2],
- see_more_type: type2
- });
- }
-
- if (type === 'item') {
+ this.setState({ see_more: this.state[type2], see_more_type: type2 });
+ break;
+ case 'item':
let info;
- try {
- info = await (await fetch(`${Constants.MARKETPLACE_URL}/item/${type2}/${data}`)).json();
- } catch (e) {
- return toast(this.props.toastLanguage.error);
- }
+ try { info = await (await fetch(`${Constants.MARKETPLACE_URL}/item/${type2}/${data}`)).json(); }
+ catch (e) { return toast(this.props.toastLanguage.error); }
this.setState({
current_data: { type: type2, name: data, content: info },
@@ -74,111 +63,117 @@ export default class Marketplace extends React.PureComponent {
}
});
+ let button = this.buttons.install;
+ const installed = JSON.parse(localStorage.getItem('installed'));
+ if (installed.some(item => item.name === data)) button = this.buttons.uninstall;
+ this.setState({ button: button });
+
document.getElementById('marketplace').style.display = 'none';
document.getElementById('seemore').style.display = 'none';
document.getElementById('item').style.display = 'block';
-
- let button =
;
- const installed = JSON.parse(localStorage.getItem('installed'));
- if (installed.some(item => item.name === data)) button =
;
- this.setState({ button: button });
- } else {
+ break;
+ default:
document.getElementById('marketplace').style.display = 'block';
document.getElementById('item').style.display = 'none';
document.getElementById('seemore').style.display = 'none';
+ break;
}
}
- async getItems() {
- const data = await (await fetch(Constants.MARKETPLACE_URL + '/all')).json();
- const featured = await (await fetch(Constants.MARKETPLACE_URL + '/featured')).json();
- this.setState({
- themes: data.data.themes,
- settings: data.data.settings,
- photo_packs: data.data.photo_packs,
- quote_packs: data.data.quote_packs,
- see_more: data.data.photo_packs,
- featured: featured.data,
- done: true
- });
- }
+ async getItems() {
+ const data = await (await fetch(Constants.MARKETPLACE_URL + '/all')).json();
+ const featured = await (await fetch(Constants.MARKETPLACE_URL + '/featured')).json();
+ this.setState({
+ settings: data.data.settings,
+ photo_packs: data.data.photo_packs,
+ quote_packs: data.data.quote_packs,
+ see_more: data.data.photo_packs,
+ featured: featured.data,
+ done: true
+ });
+ }
- install() {
- let button;
- MarketplaceFunctions.install(this.state.current_data.type, this.state.current_data.content.data);
- toast(this.props.toastLanguage.installed);
- button =
;
- this.setState({ button: button });
+ manage(type) {
+ switch (type) {
+ case 'install': MarketplaceFunctions.install(this.state.current_data.type, this.state.current_data.content.data); break;
+ case 'uninstall': MarketplaceFunctions.uninstall(this.state.current_data.content.data.name, this.state.current_data.type); break;
+ default: break;
}
+ toast(this.props.toastLanguage[type + 'ed']);
+ let button = this.buttons.install;
+ if (type === 'install') button = this.buttons.uninstall;
+ this.setState({ button: button });
+ }
- uninstall() {
- MarketplaceFunctions.uninstall(this.state.current_data.name, this.state.current_data.type);
- toast(this.props.toastLanguage.removed);
- this.setState({
- button:
- });
- }
-
- componentDidMount() {
- if (navigator.onLine === false) return;
- this.getItems();
- }
+ componentDidMount() {
+ if (navigator.onLine === false) return;
+ this.getItems();
+ }
render() {
- if (navigator.onLine === false) return this.offlineHTML;
- if (this.state.done === false) {
+ const returnMessage = (msg) => {
return (
-
{this.props.updateLanguage.loading}
+ {msg}
);
}
+ if (navigator.onLine === false) {
+ return returnMessage(
+
+
+ {this.props.language.offline.title}
+ {this.props.language.offline.description}
+
+ );
+ }
+
+ if (this.state.done === false) return returnMessage(
{this.props.updateLanguage.loading}
)
+
return (
-
+
{this.state.featured.title}
{this.state.featured.name}
-
-
+ this.toggle('item', 'photo_packs', input)}
seeMoreFunction={() => this.toggle('seemore', 'photo_packs')} />
- this.toggle('item', 'settings', input)}
seeMoreFunction={() => this.toggle('seemore', 'settings')} />
- this.toggle('item', 'quote_packs', input)}
seeMoreFunction={() => this.toggle('seemore', 'quote_packs')} />
-
-
-
+
- this.toggle()} language={this.props.language.product}
- />
-
+ function={() => this.toggle()} language={this.props.language.product} />
+
this.toggle()} />
this.toggle('item', this.state.see_more_type, input)}
- items={this.state.see_more}
- />
-
+ items={this.state.see_more} />
+
+