From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Sun, 20 Mar 2022 22:30:18 +0000 (+0100)
Subject: clarify finished label
X-Git-Url: http://git.localhorst.tv/?a=commitdiff_plain;h=80befc9403845a0f41f5f7e766938b0bbf607d7e;p=alttp.git

clarify finished label
---

diff --git a/resources/js/components/results/Item.js b/resources/js/components/results/Item.js
index 2a1fc8c..d99d93f 100644
--- a/resources/js/components/results/Item.js
+++ b/resources/js/components/results/Item.js
@@ -52,7 +52,7 @@ const Item = ({
 	const maySee = maySeeResults(user, tournament, round);
 	return <div className="result">
 		<Box user={participant.user} />
-		<div className="status">
+		<div className={`status ${result && result.has_finished ? 'finished' : 'pending'}`}>
 			<span className="time">
 				{getTime(result, maySee)}
 			</span>
diff --git a/resources/sass/results.scss b/resources/sass/results.scss
index 1bde555..ca1e161 100644
--- a/resources/sass/results.scss
+++ b/resources/sass/results.scss
@@ -16,10 +16,12 @@
 			.time {
 				min-width: 9ex;
 				height: 1.4em;
-				background: $secondary;
 				border-radius: 0.5ex;
 				padding: 0 0.5ex;
 			}
+			&.finished .time {
+				background: $secondary;
+			}
 		}
 	}
 }