From c6c4b5bb6dc9aa9afedc90edb5e8131a5d00d4d2 Mon Sep 17 00:00:00 2001
From: "nise.moe" <hey@nise.moe>
Date: Tue, 5 Mar 2024 20:52:22 +0100
Subject: [PATCH] Disable links to replay/etc if the replay itself isnt
 available

---
 nise-frontend/src/app/view-score/view-score.component.css  | 6 ++++++
 nise-frontend/src/app/view-score/view-score.component.html | 6 +++---
 nise-frontend/src/app/view-score/view-score.component.ts   | 4 ++++
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/nise-frontend/src/app/view-score/view-score.component.css b/nise-frontend/src/app/view-score/view-score.component.css
index 892452e..ea7aac8 100644
--- a/nise-frontend/src/app/view-score/view-score.component.css
+++ b/nise-frontend/src/app/view-score/view-score.component.css
@@ -98,6 +98,12 @@
   color: white;
 }
 
+.disabled {
+  pointer-events: none;
+  cursor: default;
+  opacity: 0.5;
+}
+
 .score-info__item {
   flex: none;
   margin: 10px;
diff --git a/nise-frontend/src/app/view-score/view-score.component.html b/nise-frontend/src/app/view-score/view-score.component.html
index afc6642..869623d 100644
--- a/nise-frontend/src/app/view-score/view-score.component.html
+++ b/nise-frontend/src/app/view-score/view-score.component.html
@@ -47,11 +47,11 @@
         Open in osu!web
       </a>
 
-      <a style="flex: 1" class="text-center" [href]="this.buildCircleguardUrl()">
+      <a style="flex: 1" class="text-center" [href]="this.buildCircleguardUrl()" [class.disabled]="!hasReplay()">
         Open in CircleGuard
       </a>
 
-      <a style="flex: 1" class="text-center" [href]="'https://replay.nise.moe/' + this.replayData.replay_id" target="_blank">
+      <a style="flex: 1" class="text-center" [href]="'https://replay.nise.moe/' + this.replayData.replay_id" target="_blank" [class.disabled]="!hasReplay()">
         Open in Replay Viewer
       </a>
 
@@ -164,7 +164,7 @@
 
   <div class="main term mb-2" *ngIf="this.replayData.mean_error">
     <h1># nerd stats</h1>
-    <div class="alert text-center" *ngIf="this.replayData.average_ur">
+    <div class="alert text-center mb-2" *ngIf="this.replayData.average_ur">
       <p class="bold">Heads up!</p>
       <p>The average cvUR for this beatmap is <span class="bold">{{ this.replayData.average_ur | number: '1.0-2' }}</span></p>
     </div>
diff --git a/nise-frontend/src/app/view-score/view-score.component.ts b/nise-frontend/src/app/view-score/view-score.component.ts
index 9dbe4e4..10c4952 100644
--- a/nise-frontend/src/app/view-score/view-score.component.ts
+++ b/nise-frontend/src/app/view-score/view-score.component.ts
@@ -69,6 +69,10 @@ export class ViewScoreComponent implements OnInit {
               private title: Title
   ) {}
 
+  hasReplay(): boolean {
+    return !!this.replayData?.error_distribution && Object.keys(this.replayData.error_distribution).length > 0;
+  }
+
   ngOnInit(): void {
     this.activatedRoute.params.subscribe(params => {
       this.replayId = params['replayId'];