src/app/dashboard/dashboard.component.html

@@ -14,7 +14,9 @@
           <ng-container matColumnDef="id">
             <th mat-header-cell *matHeaderCellDef> ID </th>
             <td mat-cell *matCellDef="let element">
-              {{element.id}}
+              <a href="{{element.id}}">
+                {{element.id}}
+              </a>
             </td>
           </ng-container>
 

src/app/dashboard/dashboard.component.ts

@@ -21,7 +21,11 @@ export class DashboardComponent {
   constructor(private linkService: LinkService, private router: Router) { };
 
   copyLink(id: string) {
-    navigator.clipboard.writeText(window.location.hostname + '/' + id);
+    navigator.clipboard.writeText(this.getShortLink(id));
+  }
+
+  getShortLink(id: string): string {
+    return window.location.hostname + '/' + id;
   }
 
   ngOnInit(): void {