tracker medallion controler

[alttp.git] / resources / js / components / tracker / Items.js

diff --git a/resources/js/components/tracker/Items.js b/resources/js/components/tracker/Items.js
index 712ee6cf97bdcfef966cd5bf937d0e76826c0e4d..2e83565fbc07eb7e79573723b204d1ee9743794c 100644 (file)
--- a/resources/js/components/tracker/Items.js
+++ b/resources/js/components/tracker/Items.js
@@ -49,12 +49,30 @@ const Items = () => {
                </div>
                <div className="item">
                        <ToggleIcon controller={ToggleIcon.medallionController} icons={['bombos']} />
+                       {state['mm-medallion'] === 'bombos' ?
+                               <span className="med-display bottom-left">MM</span>
+                       : null}
+                       {state['tr-medallion'] === 'bombos' ?
+                               <span className="med-display bottom-right">TR</span>
+                       : null}
                </div>
                <div className="item">
                        <ToggleIcon controller={ToggleIcon.medallionController} icons={['ether']} />
+                       {state['mm-medallion'] === 'ether' ?
+                               <span className="med-display bottom-left">MM</span>
+                       : null}
+                       {state['tr-medallion'] === 'ether' ?
+                               <span className="med-display bottom-right">TR</span>
+                       : null}
                </div>
                <div className="item">
                        <ToggleIcon controller={ToggleIcon.medallionController} icons={['quake']} />
+                       {state['mm-medallion'] === 'quake' ?
+                               <span className="med-display bottom-left">MM</span>
+                       : null}
+                       {state['tr-medallion'] === 'quake' ?
+                               <span className="med-display bottom-right">TR</span>
+                       : null}
                </div>
                <div className="item">
                        <ToggleIcon controller={ToggleIcon.simpleController} icons={['lamp']} />