ssb: Fix private conversation keyboard alt+navigation. #125

apps/ssb/tf-tab-news.js

@@ -258,26 +258,28 @@ class TfTabNewsElement extends LitElement {
 					style=${this.hash == '#👍' ? 'font-weight: bold' : undefined}
 					>${this.unread_status('👍')}👍votes</a
 				>
-				${Object.keys(this?.grouped_private_messages ?? [])?.map(
-					(key) => html`
-						<a
-							href=${'#🔐' + JSON.parse(key).join(',')}
-							class="w3-bar-item w3-button"
-							style=${this.hash == '#🔐' + JSON.parse(key).join(',')
-								? 'font-weight: bold'
-								: undefined}
-							>${(key != '[]' ? JSON.parse(key) : [this.whoami]).map(
-								(id) => html`
-									<tf-user
-										id=${id}
-										nolink="true"
-										.users=${this.users}
-									></tf-user>
-								`
-							)}</a
-						>
-					`
-				)}
+				${Object.keys(this?.grouped_private_messages ?? [])
+					?.sort()
+					?.map(
+						(key) => html`
+							<a
+								href=${'#🔐' + JSON.parse(key).join(',')}
+								class="w3-bar-item w3-button"
+								style=${this.hash == '#🔐' + JSON.parse(key).join(',')
+									? 'font-weight: bold'
+									: undefined}
+								>${(key != '[]' ? JSON.parse(key) : [this.whoami]).map(
+									(id) => html`
+										<tf-user
+											id=${id}
+											nolink="true"
+											.users=${this.users}
+										></tf-user>
+									`
+								)}</a
+							>
+						`
+					)}
 				${Object.keys(this.drafts)
 					.sort()
 					.map(