From eca71e155934ce49df9740e4c29e11b818ce2fc5 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Fri, 10 Feb 2023 16:11:05 +0200
Subject: [PATCH] show display_name in profile title

---
 src/js/Helpers.tsx                 | 3 ++-
 src/js/components/PublicMessage.js | 1 +
 src/js/views/Message.js            | 2 +-
 src/js/views/Profile.js            | 6 +++++-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/js/Helpers.tsx b/src/js/Helpers.tsx
index d0d577b2..0d49a6eb 100644
--- a/src/js/Helpers.tsx
+++ b/src/js/Helpers.tsx
@@ -156,7 +156,8 @@ export default {
     }
 
     if (settings.enableInstagram !== false) {
-      const igRegex = /(?:https?:\/\/)?(?:www\.)?(?:instagram\.com\/)((?:p|reel)\/[\w-]{11})(?:\S+)?/g;
+      const igRegex =
+        /(?:https?:\/\/)?(?:www\.)?(?:instagram\.com\/)((?:p|reel)\/[\w-]{11})(?:\S+)?/g;
       replacedText = reactStringReplace(replacedText, igRegex, (match, i) => {
         return (
           <iframe
diff --git a/src/js/components/PublicMessage.js b/src/js/components/PublicMessage.js
index 899cf503..e85b4140 100644
--- a/src/js/components/PublicMessage.js
+++ b/src/js/components/PublicMessage.js
@@ -98,6 +98,7 @@ class PublicMessage extends Message {
     if (this.props.standalone) {
       if (!prevState.msg && this.state.msg) {
         setTimeout(() => {
+          // important for SEO: prerenderReady is false until page content is loaded
           window.prerenderReady = true;
         }, 1000); // give other things a sec to load
       }
diff --git a/src/js/views/Message.js b/src/js/views/Message.js
index 8a67ac95..e389ceae 100644
--- a/src/js/views/Message.js
+++ b/src/js/views/Message.js
@@ -23,7 +23,7 @@ class Message extends View {
     this.restoreScrollPosition();
   }
 
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(prevProps) {
     if (prevProps.hash !== this.props.hash) {
       this.restoreScrollPosition();
     }
diff --git a/src/js/views/Profile.js b/src/js/views/Profile.js
index b7183e28..66e0c132 100644
--- a/src/js/views/Profile.js
+++ b/src/js/views/Profile.js
@@ -304,7 +304,9 @@ class Profile extends View {
     }
     const title = this.state.name || 'Profile';
     const ogTitle = `${title} | Iris`;
-    const description = `Latest posts by ${this.state.name || 'user'}. ${this.state.about || ''}`;
+    const description = `Latest posts by ${this.state.display_name || this.state.name || 'user'}. ${
+      this.state.about || ''
+    }`;
     return html`
       ${this.state.banner
         ? html`
@@ -397,6 +399,7 @@ class Profile extends View {
         // profile may contain arbitrary fields, so be careful
         this.setState({
           name: profile.name,
+          display_name: profile.display_name,
           about: Helpers.highlightLinks(profile.about),
           picture: profile.picture,
           nip05: profile.nip05valid && profile.nip05,
@@ -437,6 +440,7 @@ class Profile extends View {
   componentDidUpdate(prevProps, prevState) {
     if (!prevState.name && this.state.name) {
       setTimeout(() => {
+        // important for SEO: prerenderReady is false until page content is loaded
         window.prerenderReady = true;
       }, 1000); // give feed a sec to load
     }