This repository has been archived by the owner on Oct 22, 2024. It is now read-only.
Always show link new device flow even if unsupported #837
Annotations
10 errors
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders user_declined 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders unknown 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders expired 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders user_cancelled 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders unsupported_algorithm 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders unsupported_protocol 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders homeserver_lacks_support 1`
- Snapshot - 5
+ Received + 43
@@ -2,36 +2,74 @@
<div
class="mx_LoginWithQR mx_LoginWithQR_error"
data-testid="login-with-qr"
>
<div
- class="mx_LoginWithQR_main"
+ class="mx_LoginWithQR_heading"
>
<div
- class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
+ aria-label="Back"
+ class="mx_AccessibleButton mx_LoginWithQR_BackButton"
+ data-testid="back-button"
+ role="button"
+ tabindex="0"
>
<svg
fill="currentColor"
height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+ />
+ </svg>
+ </div>
+ <div
+ class="mx_LoginWithQR_breadcrumbs"
+ >
+ Sessions
+ /
+ Link new device
+ </div>
+ </div>
+ <div
+ class="mx_LoginWithQR_main"
+ >
+ <div
+ class="mx_LoginWithQR_icon"
+ >
+ <svg
+ fill="currentColor"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
- d="M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+ clip-rule="evenodd"
+ d="M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5Zm-2 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5Zm9-16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-6Zm1 2v4h4V5h-4Z"
+ fill-rule="evenodd"
+ />
+ <path
+ d="M15 16v-3h-2v3h2Z"
+ />
+ <path
+ d="M17 16h-2v2h-2v3h2v-3h2v2h4v-2h-2v-5h-2v3Z"
/>
</svg>
</div>
<h1
class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
>
- Something went wrong!
+ QR code not supported
</h1>
<p
data-testid="cancellation-message"
>
- An unexpected error occurred. The request to connect your other device has been cancelled.
+ Your account provider doesn't support signing into a new device with a QR code.
</p>
</div>
<div
class="mx_LoginWithQR_buttons"
/>
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders authorization_expired 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders device_already_exists 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Run tests:
test/components/views/settings/devices/LoginWithQRFlow-test.tsx#L108
expect(received).toMatchSnapshot()
Snapshot name: `<LoginWithQRFlow /> errors renders device_not_found 1`
- Snapshot - 1
+ Received + 1
@@ -9,11 +9,11 @@
<div
class="mx_LoginWithQR_icon mx_LoginWithQR_icon--critical"
>
<svg
fill="currentColor"
- height="1em"
+ height="32px"
viewBox="0 0 24 24"
width="32px"
xmlns="http://www.w3.org/2000/svg"
>
<path
at Object.toMatchSnapshot (test/components/views/settings/devices/LoginWithQRFlow-test.tsx:108:35)
|
Loading