feat: check for addon updates, add attribution to photo location map

src/components/modals/main/marketplace/sections/Added.jsx

@@ -90,6 +90,22 @@ export default class Added extends PureComponent {
     }
   }
 
+  updateCheck() {
+    let updates = 0;
+    this.state.installed.forEach(async (item) => {
+      const data = await (await fetch('https://marketplace.muetab.com/item/' + item.name)).json();
+      if (data.version !== item.version) {
+        updates++;
+      }
+    });
+    
+    if (updates > 0) { 
+      toast('Updates available: ' + updates);
+    } else {
+      toast('No updates available');
+    }
+  }
+
   componentDidMount() {
     this.sortAddons(localStorage.getItem('sortAddons'), false);
   }
@@ -119,6 +135,7 @@ export default class Added extends PureComponent {
           <option value='a-z'>{this.language.sort.a_z}</option>
           <option value='z-a'>{this.language.sort.z_a}</option>
         </Dropdown>
+        <button className='addToMue sideload updateCheck' onClick={() => this.updateCheck()}>Check for updates</button>
         <br/>
         <Items items={this.state.installed} toggleFunction={(input) => this.toggle('item', input)} />        
       </>

src/components/modals/main/marketplace/sections/Sideload.jsx

@@ -53,7 +53,7 @@ export default class Sideload extends PureComponent {
           <FileUpload id='file-input' type='settings' accept='application/json' loadFunction={(e) => this.installAddon(JSON.parse(e.target.result))} />
           <LocalMall/>
           <h1>{window.language.modals.main.addons.sideload}</h1>
-          <button className='addToMue sideload' onClick={() => document.getElementById('file-input').click()}>{window.language.modals.main.settings.sections.background.source.upload}</button>
+          <button className='addToMue sideload updateCheck' onClick={() => document.getElementById('file-input').click()}>{window.language.modals.main.settings.sections.background.source.upload}</button>
         </div>
         <Modal closeTimeoutMS={100} onRequestClose={() => this.setState({ showFailed: false })} isOpen={this.state.showFailed} className='Modal resetmodal mainModal sideloadModal' overlayClassName='Overlay resetoverlay' ariaHideApp={false}>
           <SideloadFailedModal modalClose={() => this.setState({ showFailed: false })} reason={this.state.failedReason}/>

src/components/modals/main/scss/marketplace/modules/_buttons.scss

@@ -61,3 +61,8 @@ button.round {
   vertical-align: middle;
   padding: 10px;
 }
+
+.updateCheck {
+  margin-left: 300px;
+  position: absolute;
+}