refactor: navbar styling #8680
patricio0312revtest.yml
on: pull_request
Matrix: application-components
Matrix: application-hooks
Matrix: application
Matrix: domains-contact
Matrix: domains-error
Matrix: domains-exchange
Matrix: domains-message
Matrix: domains-network
Matrix: domains-profile
Matrix: domains-vote
Matrix: domains-wallet
Matrix: router
Matrix: utils
Annotations
10 errors and 1 warning
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render in sm:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L47
Error: Snapshot `Server Status Indicator > should render in sm 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,14 +37,14 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
- class="h-1.5 w-1.5 rounded-full bg-theme-success-700"
+ class="h-1.5 w-1.5 rounded-full bg-theme-success-600 dark:bg-theme-success-500"
/>
</div>
</div>
</button>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:47:24
|
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render in md:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L47
Error: Snapshot `Server Status Indicator > should render in md 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,14 +37,14 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
- class="h-1.5 w-1.5 rounded-full bg-theme-success-700"
+ class="h-1.5 w-1.5 rounded-full bg-theme-success-600 dark:bg-theme-success-500"
/>
</div>
</div>
</button>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:47:24
|
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render in lg:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L47
Error: Snapshot `Server Status Indicator > should render in lg 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,14 +37,14 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
- class="h-1.5 w-1.5 rounded-full bg-theme-success-700"
+ class="h-1.5 w-1.5 rounded-full bg-theme-success-600 dark:bg-theme-success-500"
/>
</div>
</div>
</button>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:47:24
|
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render in xl:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L47
Error: Snapshot `Server Status Indicator > should render in xl 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,14 +37,14 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
- class="h-1.5 w-1.5 rounded-full bg-theme-success-700"
+ class="h-1.5 w-1.5 rounded-full bg-theme-success-600 dark:bg-theme-success-500"
/>
</div>
</div>
</button>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:47:24
|
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render as healthy:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L61
Error: Snapshot `Server Status Indicator > should render as healthy 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,14 +37,14 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
- class="h-1.5 w-1.5 rounded-full bg-theme-success-700"
+ class="h-1.5 w-1.5 rounded-full bg-theme-success-600 dark:bg-theme-success-500"
/>
</div>
</div>
</button>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:61:24
|
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render as downgraded:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L75
Error: Snapshot `Server Status Indicator > should render as downgraded 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,11 +37,11 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
class="h-1.5 w-1.5 rounded-full bg-theme-warning-600"
/>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:75:24
|
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render as unavailable:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L89
Error: Snapshot `Server Status Indicator > should render as unavailable 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,11 +37,11 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
class="h-1.5 w-1.5 rounded-full bg-theme-danger-500"
/>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:89:24
|
|
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx > Server Status Indicator > should render default:
src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx#L103
Error: Snapshot `Server Status Indicator > should render default 1` mismatched
- Expected
+ Received
@@ -7,11 +7,11 @@
>
<div
class="custom-button-nav-wrapper group"
>
<button
- class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none"
+ class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--server-status"
type="button"
>
<div
class="flex items-center space-x-2"
@@ -37,11 +37,11 @@
/>
</svg>
</div>
</div>
<div
- class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear "
+ class="absolute right-0 top-0 flex items-center justify-center rounded-full p-1 transition-all duration-100 ease-linear"
>
<div
class="h-1.5 w-1.5 rounded-full bg-theme-gray-100"
/>
</div>
❯ src/app/components/ServerStatusIndicator/ServerStatusIndicator.test.tsx:103:24
|
|
src/app/components/SideBar/SideBar.test.tsx > SideBar > should render responsive dropdown:
src/app/components/SideBar/SideBar.test.tsx#L60
Error: Snapshot `SideBar > should render responsive dropdown 1` mismatched
- Expected
+ Received
@@ -14,18 +14,31 @@
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
+ fill="none"
style="height: 100%; width: 100%;"
- viewBox="0 0 20 20"
- xml:space="preserve"
+ viewBox="0 0 20 14"
xmlns="http://www.w3.org/2000/svg"
>
<path
- d="M1 15.5h18M1 10h9M1 4.5h14.3"
+ d="M1 12.0781H7"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ <path
+ d="M1 6.53906H11"
- fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ <path
+ d="M1 1H19"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
❯ src/app/components/SideBar/SideBar.test.tsx:60:24
|
|
src/app/components/SideBar/SideBar.test.tsx > SideBar > should render responsive dropdown:
src/app/components/SideBar/SideBar.test.tsx#L60
Error: Snapshot `SideBar > should render responsive dropdown 2` mismatched
- Expected
+ Received
@@ -14,18 +14,31 @@
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
+ fill="none"
style="height: 100%; width: 100%;"
- viewBox="0 0 20 20"
- xml:space="preserve"
+ viewBox="0 0 20 14"
xmlns="http://www.w3.org/2000/svg"
>
<path
- d="M1 15.5h18M1 10h9M1 4.5h14.3"
+ d="M1 12.0781H7"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ <path
+ d="M1 6.53906H11"
- fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ <path
+ d="M1 1H19"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
❯ src/app/components/SideBar/SideBar.test.tsx:60:24
|
|
application-components (20.12.2)
Attempt 1 failed. Reason: Child_process exited with error code 1
|