Added a link to a users page if they have one assoicated

package-lock.json

@@ -16155,6 +16155,20 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/mat-icon-button-sizes": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/mat-icon-button-sizes/-/mat-icon-button-sizes-1.0.6.tgz",
+      "integrity": "sha512-gkmRKHuFWo2/eRGOUicDpQM90o8aFMuclYn0bT3WCwEzkQdlZ6qVfAXQiVjX4QnJYv23VoYaSN8RzrvDzZaQvg==",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": "15 - 100",
+        "@angular/common": "15 - 100",
+        "@angular/core": "15 - 100",
+        "@angular/material": "15 - 100"
+      }
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -24006,6 +24020,7 @@
         "bridge-shared": "^1.0.0",
         "eventemitter3": "^5.0.1",
         "jwt-decode": "^4.0.0",
+        "mat-icon-button-sizes": "^1.0.6",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "zone.js": "~0.14.2"

packages/bridge-ui/package.json

@@ -24,6 +24,7 @@
     "bridge-shared": "^1.0.0",
     "eventemitter3": "^5.0.1",
     "jwt-decode": "^4.0.0",
+    "mat-icon-button-sizes": "^1.0.6",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.2"

packages/bridge-ui/src/app/app.component.scss

@@ -0,0 +1 @@
+@import "mat-icon-button-sizes/style.css";

packages/bridge-ui/src/app/components/season-standings/season-standings.component.html

@@ -8,7 +8,19 @@
         <!-- Name Column -->
         <ng-container matColumnDef="name">
             <th mat-header-cell *matHeaderCellDef>Name </th>
-            <td mat-cell *matCellDef="let element"> {{getRacerName(element.racer)}} </td>
+            <td mat-cell *matCellDef="let element"> 
+                @if(element.racer.user) {
+                    <button mat-icon-button class="small-icon-button" [routerLink]="['/user/'+getUserId(element.racer)]">
+                        <mat-icon>info</mat-icon>
+                    </button>
+                }
+                @else {
+                    <button mat-icon-button class="small-icon-button">
+                        <mat-icon>mystery</mat-icon>
+                    </button>
+                }
+                {{getRacerName(element.racer)}} 
+            </td>
         </ng-container>
         
         <!-- Weight Column -->

packages/bridge-ui/src/app/components/season-standings/season-standings.component.scss

@@ -0,0 +1,24 @@
+.small-icon-button {
+    width: 24px !important;
+    height: 24px !important;
+    padding: 0px !important;
+    display: inline-flex !important;
+    align-items: center;
+    justify-content: center;
+ 
+    & > *[role=img] {
+       width: 16px;
+       height: 16px;
+       font-size: 16px;
+ 
+       svg {
+          width: 16px;
+          height: 16px;
+       }
+    }
+ 
+    .mat-mdc-button-touch-target {
+       width: 24px !important;
+       height: 24px !important;
+    }
+ }

packages/bridge-ui/src/app/components/season-standings/season-standings.component.ts

@@ -1,7 +1,10 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
 
 import { MatTableModule } from '@angular/material/table';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
 
 import { RacersService } from '../../services/racers.service';
 import { RaceResultService } from '../../services/race-result.service';
@@ -19,6 +22,9 @@ import { ServerSideEventsService } from '../../services/server-side-events.servi
   imports: [
     CommonModule,
     MatTableModule,
+    MatIconModule,
+    MatButtonModule,
+    RouterModule
   ],
   templateUrl: './season-standings.component.html',
   styleUrl: './season-standings.component.scss'
@@ -101,4 +107,12 @@ export class SeasonStandingsComponent {
 
     return ""
   }
+
+  getUserId(racer: any): string {
+    if( racer != undefined && racer.user != undefined) {
+      return racer.user.auth0id.replace("auth0|", "");
+    }
+
+    return ""
+  }
 }

packages/bridge-ui/src/styles.scss

@@ -61,4 +61,6 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
     --mdc-snackbar-container-color: #f44336;
     --mdc-snackbar-supporting-text-color: #fff;
     --mat-snack-bar-button-color: #fff;
-}
+}
+
+@import "mat-icon-button-sizes/style.css";