update bootstrap to version 5 (#158)

* chore: update bootstrap to version 5

* chore: fix lint

* merge master

* update components to use bootstrap 5
This commit is contained in:
Juan Sebastian velez Posada
2024-01-15 08:56:17 -05:00
committed by GitHub
parent ca79adc4e5
commit 3406e1c647
19 changed files with 3469 additions and 3278 deletions

View File

@@ -18,102 +18,109 @@ describe('NavBar', () => {
expect(container).toMatchInlineSnapshot(`
<div>
<nav
class="navbar navbar-default"
class="navbar shadow-none"
role="navigation"
>
<div
class="container-fluid"
class="navbar-header d-flex w-100 justify-content-between"
>
<div
class="navbar-header"
<a
class="navbar-brand"
href="https://wakatime.com"
rel="noreferrer"
target="_blank"
>
<button
class="navbar-toggle collapsed"
data-target="#bs-example-navbar-collapse-1"
data-toggle="collapse"
type="button"
>
<span
class="sr-only"
>
Toggle navigation
</span>
<i
class="fa fa-fw fa-cogs"
/>
</button>
<a
class="navbar-brand"
href="https://wakatime.com"
rel="noreferrer"
target="_blank"
>
<img
src="graphics/wakatime-logo-48.png"
/>
<div>
WakaTime
<img
src="graphics/wakatime-logo-48.png"
/>
</a>
</div>
<div
class="collapse navbar-collapse"
id="bs-example-navbar-collapse-1"
</div>
</a>
<button
aria-controls="userInfoCollapse"
aria-expanded="false"
aria-label="Toggle navigation"
class="navbar-toggler"
data-bs-target="#userInfoCollapse"
data-bs-toggle="collapse"
type="button"
>
<span
class="sr-only"
>
Toggle navigation
</span>
<i
class="fa fa-fw fa-cogs"
/>
</button>
</div>
<div
class="collapse navbar-collapse mt-4"
id="userInfoCollapse"
>
<div />
<ul
class="nav navbar-nav border-bottom pb-2"
>
<div />
<ul
class="nav navbar-nav"
<div />
<li
class="dropdown"
>
<div />
<div />
<li
class="dropdown"
<a
aria-expanded="false"
class="dropdown-toggle text-body-secondary link-underline link-underline-opacity-0 d-flex w-100 align-items-center"
data-bs-toggle="dropdown"
href="#"
role="button"
>
<a
aria-expanded="false"
class="dropdown-toggle"
data-toggle="dropdown"
href="#"
role="button"
<i
class="fa fa-fw fa-info me-2"
/>
About
<span
class="caret"
/>
</a>
<ul
class="dropdown-menu shadow-none ms-4"
role="menu"
>
<li
class="mb-2"
>
<i
class="fa fa-fw fa-info"
/>
About
<span
class="caret"
/>
</a>
<ul
class="dropdown-menu"
role="menu"
<a
class="text-body-secondary link-underline link-underline-opacity-0 d-flex w-100 align-items-center"
href="https://github.com/wakatime/chrome-wakatime/issues"
rel="noreferrer"
target="_blank"
>
<i
class="fa fa-fw fa-bug me-2"
/>
Report an Issue
</a>
</li>
<li
class="mb-2"
>
<li>
<a
href="https://github.com/wakatime/chrome-wakatime/issues"
rel="noreferrer"
target="_blank"
>
<i
class="fa fa-fw fa-bug"
/>
Report an Issue
</a>
</li>
<li>
<a
href="https://github.com/wakatime/chrome-wakatime"
rel="noreferrer"
target="_blank"
>
<i
class="fa fa-fw fa-github"
/>
View on GitHub
</a>
</li>
</ul>
</li>
</ul>
</div>
<a
class="text-body-secondary link-underline link-underline-opacity-0 d-flex w-100 align-items-center"
href="https://github.com/wakatime/chrome-wakatime"
rel="noreferrer"
target="_blank"
>
<i
class="fa fa-fw fa-github me-2"
/>
View on GitHub
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>