Live location sharing: beacon list view tiles (#8363)

* add basic sidebar container

Signed-off-by: Kerry Archibald <kerrya@element.io>

* optionally show icon in beaconstatus

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add avatar and style list item

Signed-off-by: Kerry Archibald <kerrya@element.io>

* formatted last update time

Signed-off-by: Kerry Archibald <kerrya@element.io>

* test beacon list item

Signed-off-by: Kerry Archibald <kerrya@element.io>

* move makeRoomWithState events to test utils

Signed-off-by: Kerry Archibald <kerrya@element.io>

* move beacon test helpers into utils

Signed-off-by: Kerry Archibald <kerrya@element.io>

* newline

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add copyable text to beacon list item

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add copyable geo uri to list item

Signed-off-by: Kerry Archibald <kerrya@element.io>

* improve spacing

Signed-off-by: Kerry Archibald <kerrya@element.io>

* overflow scroll on list

Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-04-20 13:57:50 +02:00 committed by GitHub
parent 2f6b76755c
commit 4a38cbd550
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 355 additions and 10 deletions

View file

@ -43,6 +43,7 @@ exports[`<BeaconStatus /> active state renders without children 1`] = `
}
displayStatus="Active"
label="test label"
withIcon={true}
>
<div
className="mx_BeaconStatus mx_BeaconStatus_Active"
@ -59,7 +60,11 @@ exports[`<BeaconStatus /> active state renders without children 1`] = `
<div
className="mx_BeaconStatus_description"
>
test label
<span
className="mx_BeaconStatus_label"
>
test label
</span>
<BeaconExpiryTime
beacon={
Beacon {
@ -114,6 +119,7 @@ exports[`<BeaconStatus /> renders loading state 1`] = `
<BeaconStatus
displayStatus="Loading"
label="test label"
withIcon={true}
>
<div
className="mx_BeaconStatus mx_BeaconStatus_Loading"
@ -142,6 +148,7 @@ exports[`<BeaconStatus /> renders stopped state 1`] = `
<BeaconStatus
displayStatus="Stopped"
label="test label"
withIcon={true}
>
<div
className="mx_BeaconStatus mx_BeaconStatus_Stopped"