chore: customize icon and document title

NaturalSelectionLabs · Sep 7, 2021 · be10439 · be10439
1 parent c6c5d3a
commit be10439
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/assets/index.ejs b/src/assets/index.ejs
@@ -5,6 +5,7 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width,initial-scale=1.0" />
         <title>Web3 Pass</title>
+        <link rel='icon' type='image/x-icon' id='favicon' href='/favicon.ico' />
     </head>
     <body>
         <div id="app"></div>

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -315,6 +315,14 @@ export default class Home extends Vue {
         this.rss3Profile.bio = profile?.bio || '';
         this.rss3Profile.address = this.ethAddress;
 
+        if (profile?.avatar?.[0]) {
+            const favicon = <HTMLLinkElement>document.getElementById('favicon');
+            favicon.href = profile.avatar[0];
+        }
+        if (profile?.name) {
+            document.title = profile.name;
+        }
+
         if (data) {
             this.accounts.push({
                 platform: 'Ethereum',

diff --git a/webpack.config.js b/webpack.config.js
@@ -91,7 +91,7 @@ module.exports = (env, argv) => ({
             chunks: ['index'],
             filename: 'index.html',
             title: 'RSS3 Page',
-            favicon: 'public/favicon.ico',
+            // favicon: 'public/favicon.ico',
             hash: true,
             template: 'src/assets/index.ejs',
         }),