style: make all links use our color theme

WhisperNode · Jun 6, 2024 · 8e75c4a · 8e75c4a
1 parent 6cd9b4e
commit 8e75c4a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Proposals.js b/src/components/Proposals.js
@@ -147,10 +147,10 @@ function Proposals(props) {
         <div className="d-lg-flex d-none position-absolute mx-auto justify-content-center align-self-center">
           <Nav fill variant="pillls" activeKey={filter.group} className={`${props.modal ? ' small' : ''}`} onSelect={(e) => setFilter({...filter, group: e})}>
             <Nav.Item>
-              <Nav.Link eventKey="voting" disabled={filteredProposals(proposals, {...filter, group: 'voting'}).length < 1}>Voting Period</Nav.Link>
+              <Nav.Link eventKey="voting" className={`${props.theme === 'dark' ? 'dark-link' : 'light-link'}`} disabled={filteredProposals(proposals, {...filter, group: 'voting'}).length < 1}>Voting Period</Nav.Link>
             </Nav.Item>
             <Nav.Item>
-              <Nav.Link eventKey="all">All Proposals</Nav.Link>
+              <Nav.Link eventKey="all" className={`${props.theme === 'dark' ? 'dark-link' : 'light-link'}`}>All Proposals</Nav.Link>
             </Nav.Item>
           </Nav>
         </div>

diff --git a/src/components/Validators.js b/src/components/Validators.js
@@ -328,10 +328,10 @@ function Validators(props) {
         <div className={`${!props.modal && 'd-md-flex'} d-none justify-content-center align-self-center`}>
           <Nav fill variant="pillls" activeKey={filter.group} className={`flex-row${props.modal ? ' small' : ''}`} onSelect={(e) => setFilter({group: e})}>
             <Nav.Item>
-              <Nav.Link eventKey="delegated" disabled={filteredValidators(validators, {...filter, group: 'delegated'}).length < 1}>My Delegations</Nav.Link>
+              <Nav.Link eventKey="delegated" className={`${props.theme === 'dark' ? 'dark-link' : 'light-link'}`} disabled={filteredValidators(validators, {...filter, group: 'delegated'}).length < 1}>My Delegations</Nav.Link>
             </Nav.Item>
             <Nav.Item>
-              <Nav.Link eventKey="all">All Validators</Nav.Link>
+              <Nav.Link eventKey="all" className={`${props.theme === 'dark' ? 'dark-link' : 'light-link'}`}>All Validators</Nav.Link>
             </Nav.Item>
           </Nav>
         </div>