diff --git a/apps/ssb.json b/apps/ssb.json index 93a086909..da4640e0c 100644 --- a/apps/ssb.json +++ b/apps/ssb.json @@ -1,5 +1,5 @@ { "type": "tildefriends-app", "emoji": "🦀", - "previous": "&JWqISqHw66dUlkHHwLAo3PRMgwK4TkO6nQOrhGAIKYg=.sha256" + "previous": "&Ph3a53rRidBNfYsfAtQKydoizUBCyh1Xl4I8XlzcQnk=.sha256" } diff --git a/apps/ssb/tf-tab-news.js b/apps/ssb/tf-tab-news.js index d33b9af22..5607e69bb 100644 --- a/apps/ssb/tf-tab-news.js +++ b/apps/ssb/tf-tab-news.js @@ -1,4 +1,4 @@ -import {LitElement, cache, html, unsafeHTML, until} from './lit-all.min.js'; +import {LitElement, cache, keyed, html, unsafeHTML, until} from './lit-all.min.js'; import * as tfrpc from '/static/tfrpc.js'; import {styles} from './tf-styles.js'; @@ -251,12 +251,12 @@ class TfTabNewsElement extends LitElement { render() { let profile = this.hash.startsWith('#@') && this.hash != '#@' - ? html`<tf-profile + ? keyed(this.hash.substring(1), html`<tf-profile class="tf-profile" id=${this.hash.substring(1)} whoami=${this.whoami} .users=${this.users} - ></tf-profile>` + ></tf-profile>`) : undefined; let edit_profile; if ( diff --git a/apps/ssb/tf-user.js b/apps/ssb/tf-user.js index 58c55eb9f..9f4893d3a 100644 --- a/apps/ssb/tf-user.js +++ b/apps/ssb/tf-user.js @@ -20,7 +20,7 @@ class TfUserElement extends LitElement { render() { let user = this.users[this.id]; - let shape = !user || user.follow_depth >= 2 ? 'w3-circle' : 'w3-round'; + let shape = !user?.follow_depth || user.follow_depth >= 2 ? 'w3-circle' : 'w3-round'; let image = html`<span class=${'w3-theme-l4 ' + shape} style="display: inline-block; width: 2em; height: 2em; text-align: center; line-height: 2em"