@@ -14,13 +14,12 @@ class DeckListItem extends React.Component {
1414 if ( 0 >= data . length ) return < div style = { { textAlign : 'center' } } > No Archons to Display</ div > ;
1515
1616 return < React . Fragment >
17- < ListGroupItem tag = 'button' className = 'p-1 text-center font-weight-bold' action onClick = { ( ) => this . setState ( { isOpen : ! isOpen } ) }
18- color = { theme } >
17+ < ListGroupItem tag = 'button' className = { `p-1 text-center font-weight-bold ${ theme === 'dark' ? 'text-light' : 'text-dark' } bg-transparent` } action onClick = { ( ) => this . setState ( { isOpen : ! isOpen } ) } >
1918 { get ( data , 'deck.name' , 'Deck Not Found' ) }
2019 </ ListGroupItem >
2120 < Collapse isOpen = { isOpen } >
2221 < React . Fragment >
23- < ListGroupItem className = ' p-1' color = { theme } >
22+ < ListGroupItem className = { ` p-1 $ {theme === 'dark' ? 'text-light' : 'text-dark' } bg-transparent` } >
2423 { get ( data , 'deck._links.houses' , [ ] )
2524 . map ( house => < img key = { house } alt = '' className = 'token' src = { images [ toLower ( house ) ] } /> ) }
2625 < b > • </ b >
@@ -31,38 +30,32 @@ class DeckListItem extends React.Component {
3130 { get ( data , 'deck.wins' , 0 ) } W/{ get ( data , 'deck.losses' , 0 ) } L
3231
3332 </ ListGroupItem >
34- < ListGroupItem className = ' p-1' color = { theme } >
33+ < ListGroupItem className = { ` p-1 $ {theme === 'dark' ? 'text-light' : 'text-dark' } bg-transparent` } >
3534 { Object . keys ( get ( data , 'cardStats.rarity' , [ ] ) ) . map ( type =>
3635 < React . Fragment key = { type } >
3736 { get ( data , `cardStats.rarity[${ type } ]` , 0 ) }
3837 < img className = 'token' alt = '' src = { images [ toLower ( type ) ] } /> < b > • </ b >
3938 </ React . Fragment > ) }
4039 { get ( data , 'cardStats.is_maverick' , 0 ) } < img className = 'token' alt = '' src = { images . maverick } />
40+ •
41+ { get ( data , 'cardStats.legacy' , 0 ) } < img className = 'token' alt = '' src = { images . legacy } />
4142 </ ListGroupItem >
42- < ListGroupItem className = ' p-1' color = { theme } >
43+ < ListGroupItem className = { ` p-1 $ {theme === 'dark' ? 'text-light' : 'text-dark' } bg-transparent` } >
4344 { `${ Object . keys ( get ( data , 'cardStats.card_type' , { } ) )
4445 . map ( type => `${ type } : ${ get ( data , `cardStats.card_type[${ type } ]` ) } ` )
45- . join ( ' • ' ) } • ${ get ( data , 'dok.SAS' , 'SAS Not Found' ) } `
46+ . join ( ' • ' ) } `
4647 }
4748 </ ListGroupItem >
48- < ListGroupItem className = 'p-1' color = { theme } >
49- { get ( data , 'ADHD' , 'ADHD Not Found' ) }
50- </ ListGroupItem >
51- < ListGroupItem className = 'p-1' color = { theme } >
52- { get ( data , 'dok.AERC' , 'AERC Not Found' ) }
49+ < ListGroupItem className = { `p-1 ${ theme === 'dark' ? 'text-light' : 'text-dark' } bg-transparent` } >
50+ { get ( data , 'dok.deckAERC' , 'AERC Not Found' ) } • { get ( data , 'dok.sas' , 'SAS Not Found' ) }
5351 </ ListGroupItem >
5452 { type === 'panel' &&
55- < ListGroupItem className = ' p-1' color = { theme } >
53+ < ListGroupItem className = { ` p-1 $ {theme === 'dark' ? 'text-light' : 'text-dark' } bg-transparent` } >
5654 < a href = { `https://www.keyforgegame.com/deck-details/${ data . deck . id } ?powered_by=KeyForgeEmporium` }
5755 target = "_blank" rel = "noopener noreferrer" className = 'link' >
5856 [Official]
5957 </ a >
6058
61- < a href = { `https://keyforge-compendium.com/decks/${ data . deck . id } ?powered_by=KeyForgeEmporium` }
62- target = "_blank" rel = "noopener noreferrer" className = 'link' >
63- [KFC]
64- </ a >
65-
6659 < a href = { `https://burgertokens.com/pages/keyforge-deck-analyzer?deck=${ data . deck . id } &powered_by=KeyForgeEmporium` }
6760 target = "_blank" rel = "noopener noreferrer" className = 'link' >
6861 [BT]
0 commit comments