fix(angular-apollo-tailwind): append protocol if missing from user url

Refs: #591
thisdot · Sep 16, 2022 · 7a35b6b · 7a35b6b
1 parent f6a9578
commit 7a35b6b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/angular-apollo-tailwind/src/app/profile/profile-about/profile-about.component.html b/angular-apollo-tailwind/src/app/profile/profile-about/profile-about.component.html
@@ -74,7 +74,7 @@ <h1 class="mt-2">
           ></hero-icon>
           <a
             class="link"
-            [href]="user.websiteUrl"
+            [href]="generateValidUrl(user.websiteUrl)"
             target="_blank"
             rel="noreferrer"
           >
@@ -88,7 +88,7 @@ <h1 class="mt-2">
           ></sd-twitter-icon>
           <a
             class="link"
-            [href]="'https:/twitter.com/' + user.twitterUsername"
+            [href]="'https://twitter.com/' + user.twitterUsername"
             target="_blank"
             rel="noreferrer"
           >

diff --git a/angular-apollo-tailwind/src/app/profile/profile-about/profile-about.component.ts b/angular-apollo-tailwind/src/app/profile/profile-about/profile-about.component.ts
@@ -33,4 +33,10 @@ export class ProfileAboutComponent implements OnInit {
         }),
       );
   }
+
+  generateValidUrl(url: string) {
+    return ['http://', 'https://'].some((protocol) => url.startsWith(protocol))
+      ? url
+      : `https://${url}`;
+  }
 }