Prechádzať zdrojové kódy

modify total-likes button style when isLiked is true

Yuki Takei 4 rokov pred
rodič
commit
d3b2f4cdc5

+ 1 - 1
packages/app/src/components/LikeButtons.jsx

@@ -70,7 +70,7 @@ class LikeButtons extends React.Component {
           </UncontrolledTooltip>
           </UncontrolledTooltip>
         )}
         )}
 
 
-        <button type="button" id="po-total-likes" className="btn btn-like border-0 total-likes">
+        <button type="button" id="po-total-likes" className={`btn btn-like border-0 total-likes ${isLiked ? 'active' : ''}`}>
           {sumOfLikers}
           {sumOfLikers}
         </button>
         </button>
         <Popover placement="bottom" isOpen={this.state.isPopoverOpen} target="po-total-likes" toggle={this.togglePopover} trigger="legacy">
         <Popover placement="bottom" isOpen={this.state.isPopoverOpen} target="po-total-likes" toggle={this.togglePopover} trigger="legacy">