@@ -33,27 +33,29 @@ function UserReadUpTo({ target }: { target: ReadReceipt<any, any> }): JSX.Elemen
33
33
return (
34
34
< >
35
35
< li >
36
- { _t ( "User read up to: " ) }
37
- < strong > { target . getReadReceiptForUserId ( userId ) ?. eventId ?? _t ( "No receipt found " ) } </ strong >
36
+ { _t ( "devtools|user_read_up_to " ) }
37
+ < strong > { target . getReadReceiptForUserId ( userId ) ?. eventId ?? _t ( "devtools|no_receipt_found " ) } </ strong >
38
38
</ li >
39
39
< li >
40
- { _t ( "User read up to (ignoreSynthetic): " ) }
41
- < strong > { target . getReadReceiptForUserId ( userId , true ) ?. eventId ?? _t ( "No receipt found" ) } </ strong >
40
+ { _t ( "devtools|user_read_up_to_ignore_synthetic" ) }
41
+ < strong >
42
+ { target . getReadReceiptForUserId ( userId , true ) ?. eventId ?? _t ( "devtools|no_receipt_found" ) }
43
+ </ strong >
42
44
</ li >
43
45
{ hasPrivate && (
44
46
< >
45
47
< li >
46
- { _t ( "User read up to (m.read.private): " ) }
48
+ { _t ( "devtools|user_read_up_to_private " ) }
47
49
< strong >
48
50
{ target . getReadReceiptForUserId ( userId , false , ReceiptType . ReadPrivate ) ?. eventId ??
49
- _t ( "No receipt found " ) }
51
+ _t ( "devtools|no_receipt_found " ) }
50
52
</ strong >
51
53
</ li >
52
54
< li >
53
- { _t ( "User read up to (m.read.private;ignoreSynthetic): " ) }
55
+ { _t ( "devtools|user_read_up_to_private_ignore_synthetic " ) }
54
56
< strong >
55
57
{ target . getReadReceiptForUserId ( userId , true , ReceiptType . ReadPrivate ) ?. eventId ??
56
- _t ( "No receipt found " ) }
58
+ _t ( "devtools|no_receipt_found " ) }
57
59
</ strong >
58
60
</ li >
59
61
</ >
@@ -72,12 +74,12 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
72
74
return (
73
75
< BaseTool onBack = { onBack } >
74
76
< section >
75
- < h2 > { _t ( "Room status " ) } </ h2 >
77
+ < h2 > { _t ( "devtools|room_status " ) } </ h2 >
76
78
< ul >
77
79
< li >
78
80
{ count > 0
79
81
? _t (
80
- "Room unread status: <strong>%(status)s</strong>, count: <strong>%(count)s</strong> " ,
82
+ "devtools|room_unread_status_count " ,
81
83
{
82
84
status : humanReadableNotificationColor ( color ) ,
83
85
count,
@@ -87,7 +89,7 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
87
89
} ,
88
90
)
89
91
: _t (
90
- "Room unread status: <strong>%(status)s</strong> " ,
92
+ "devtools|room_unread_status " ,
91
93
{
92
94
status : humanReadableNotificationColor ( color ) ,
93
95
} ,
@@ -98,7 +100,7 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
98
100
</ li >
99
101
< li >
100
102
{ _t (
101
- "Notification state is <strong>%(notificationState)s</strong> " ,
103
+ "devtools|notification_state " ,
102
104
{
103
105
notificationState,
104
106
} ,
@@ -110,8 +112,8 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
110
112
< li >
111
113
{ _t (
112
114
cli . isRoomEncrypted ( room . roomId ! )
113
- ? _td ( "Room is <strong>encrypted ✅</strong> " )
114
- : _td ( "Room is <strong>not encrypted 🚨</strong> " ) ,
115
+ ? _td ( "devtools|room_encrypted " )
116
+ : _td ( "devtools|room_not_encrypted " ) ,
115
117
{ } ,
116
118
{
117
119
strong : ( sub ) => < strong > { sub } </ strong > ,
@@ -122,33 +124,36 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
122
124
</ section >
123
125
124
126
< section >
125
- < h2 > { _t ( "Main timeline " ) } </ h2 >
127
+ < h2 > { _t ( "devtools|main_timeline " ) } </ h2 >
126
128
127
129
< ul >
128
130
< li >
129
- { _t ( "Total: " ) } { room . getRoomUnreadNotificationCount ( NotificationCountType . Total ) }
131
+ { _t ( "devtools|room_notifications_total" ) } { " " }
132
+ { room . getRoomUnreadNotificationCount ( NotificationCountType . Total ) }
130
133
</ li >
131
134
< li >
132
- { _t ( "Highlight: " ) } { room . getRoomUnreadNotificationCount ( NotificationCountType . Highlight ) }
135
+ { _t ( "devtools|room_notifications_highlight" ) } { " " }
136
+ { room . getRoomUnreadNotificationCount ( NotificationCountType . Highlight ) }
133
137
</ li >
134
138
< li >
135
- { _t ( "Dot: " ) } { doesRoomOrThreadHaveUnreadMessages ( room ) + "" }
139
+ { _t ( "devtools|room_notifications_dot " ) } { doesRoomOrThreadHaveUnreadMessages ( room ) + "" }
136
140
</ li >
137
141
{ roomHasUnread ( room ) && (
138
142
< >
139
143
< UserReadUpTo target = { room } />
140
144
< li >
141
- { _t ( "Last event: " ) }
145
+ { _t ( "devtools|room_notifications_last_event " ) }
142
146
< ul >
143
147
< li >
144
- { _t ( "ID: " ) } < strong > { room . timeline [ room . timeline . length - 1 ] . getId ( ) } </ strong >
148
+ { _t ( "devtools|id" ) } { " " }
149
+ < strong > { room . timeline [ room . timeline . length - 1 ] . getId ( ) } </ strong >
145
150
</ li >
146
151
< li >
147
- { _t ( "Type: " ) } { " " }
152
+ { _t ( "devtools|room_notifications_type " ) } { " " }
148
153
< strong > { room . timeline [ room . timeline . length - 1 ] . getType ( ) } </ strong >
149
154
</ li >
150
155
< li >
151
- { _t ( "Sender: " ) } { " " }
156
+ { _t ( "devtools|room_notifications_sender " ) } { " " }
152
157
< strong > { room . timeline [ room . timeline . length - 1 ] . getSender ( ) } </ strong >
153
158
</ li >
154
159
</ ul >
@@ -159,17 +164,17 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
159
164
</ section >
160
165
161
166
< section >
162
- < h2 > { _t ( "Threads timeline " ) } </ h2 >
167
+ < h2 > { _t ( "devtools|threads_timeline " ) } </ h2 >
163
168
< ul >
164
169
{ room
165
170
. getThreads ( )
166
171
. filter ( ( thread ) => threadHasUnread ( thread ) )
167
172
. map ( ( thread ) => (
168
173
< li key = { thread . id } >
169
- { _t ( "Thread Id: " ) } { thread . id }
174
+ { _t ( "devtools|room_notifications_thread_id " ) } { thread . id }
170
175
< ul >
171
176
< li >
172
- { _t ( "Total: " ) }
177
+ { _t ( "devtools|room_notifications_total " ) }
173
178
< strong >
174
179
{ room . getThreadUnreadNotificationCount (
175
180
thread . id ,
@@ -178,7 +183,7 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
178
183
</ strong >
179
184
</ li >
180
185
< li >
181
- { _t ( "Highlight: " ) }
186
+ { _t ( "devtools|room_notifications_highlight " ) }
182
187
< strong >
183
188
{ room . getThreadUnreadNotificationCount (
184
189
thread . id ,
@@ -187,20 +192,23 @@ export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Eleme
187
192
</ strong >
188
193
</ li >
189
194
< li >
190
- { _t ( "Dot: " ) } < strong > { doesRoomOrThreadHaveUnreadMessages ( thread ) + "" } </ strong >
195
+ { _t ( "devtools|room_notifications_dot" ) } { " " }
196
+ < strong > { doesRoomOrThreadHaveUnreadMessages ( thread ) + "" } </ strong >
191
197
</ li >
192
198
< UserReadUpTo target = { thread } />
193
199
< li >
194
- { _t ( "Last event: " ) }
200
+ { _t ( "devtools|room_notifications_last_event " ) }
195
201
< ul >
196
202
< li >
197
- { _t ( "ID: " ) } < strong > { thread . lastReply ( ) ?. getId ( ) } </ strong >
203
+ { _t ( "devtools|id " ) } < strong > { thread . lastReply ( ) ?. getId ( ) } </ strong >
198
204
</ li >
199
205
< li >
200
- { _t ( "Type: " ) } < strong > { thread . lastReply ( ) ?. getType ( ) } </ strong >
206
+ { _t ( "devtools|room_notifications_type" ) } { " " }
207
+ < strong > { thread . lastReply ( ) ?. getType ( ) } </ strong >
201
208
</ li >
202
209
< li >
203
- { _t ( "Sender: " ) } < strong > { thread . lastReply ( ) ?. getSender ( ) } </ strong >
210
+ { _t ( "devtools|room_notifications_sender" ) } { " " }
211
+ < strong > { thread . lastReply ( ) ?. getSender ( ) } </ strong >
204
212
</ li >
205
213
</ ul >
206
214
</ li >
0 commit comments