Skip to content

Commit e663b2c

Browse files
committed
Fix duplicate active pills in navigation
Caused by react-bootstrap/react-router-bootstrap#242
1 parent 8ad6658 commit e663b2c

File tree

1 file changed

+8
-4
lines changed

1 file changed

+8
-4
lines changed

src/navigation.jsx

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -51,22 +51,26 @@ class Navigation extends React.Component {
5151
<Nav className="me-auto" variant="pills">
5252
<Nav.Item>
5353
<LinkContainer to={ HOME_PATH }>
54-
<Nav.Link>{t( 'navigation.home' )}</Nav.Link>
54+
<Nav.Link active={ false }>{t( 'navigation.home' )}</Nav.Link>
5555
</LinkContainer>
5656
</Nav.Item>
5757
<Nav.Item>
5858
<LinkContainer to={ CONFIGURATOR_PATH }>
59-
<Nav.Link>{t( 'navigation.configuration' )}</Nav.Link>
59+
<Nav.Link active={ false }>
60+
{t( 'navigation.configuration' )}
61+
</Nav.Link>
6062
</LinkContainer>
6163
</Nav.Item>
6264
<Nav.Item>
6365
<LinkContainer to={ FEATURES_PATH }>
64-
<Nav.Link>{t( 'navigation.features' )}</Nav.Link>
66+
<Nav.Link active={ false }>
67+
{t( 'navigation.features' )}
68+
</Nav.Link>
6569
</LinkContainer>
6670
</Nav.Item>
6771
<Nav.Item>
6872
<LinkContainer to={ FAQ_PATH }>
69-
<Nav.Link>{t( 'navigation.faq' )}</Nav.Link>
73+
<Nav.Link active={ false }>{t( 'navigation.faq' )}</Nav.Link>
7074
</LinkContainer>
7175
</Nav.Item>
7276
</Nav>

0 commit comments

Comments
 (0)