X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fhelpers%2FResult.js;h=205a42b27325050800c4fe55f728f43de1d0c8c0;hb=75b3b5826c781e47b3db693fa6d3d17f67c79e56;hp=4de0aaee0afebbbc5d2aaebffb2fd8bd6f9e1e72;hpb=d748feb96453d74aeffec648d6f5f68d9ef3b520;p=alttp.git

diff --git a/resources/js/helpers/Result.js b/resources/js/helpers/Result.js
index 4de0aae..205a42b 100644
--- a/resources/js/helpers/Result.js
+++ b/resources/js/helpers/Result.js
@@ -1,3 +1,6 @@
+import React from 'react';
+import Icon from '../components/common/Icon';
+
 export const formatTime = result => {
 	const hours = `${Math.floor(result.time / 60 / 60)}`;
 	let minutes = `${Math.floor((result.time / 60) % 60)}`;
@@ -11,12 +14,46 @@ export const formatTime = result => {
 	return `${hours}:${minutes}:${seconds}`;
 };
 
+export const getIcon = (result, maySee) => {
+	if (!result || !result.has_finished) {
+		return <Icon.PENDING className="text-muted" size="lg" />;
+	}
+	if (result.forfeit && maySee) {
+		return <Icon.FORFEIT className="text-danger" size="lg" />;
+	}
+	if (result.placement === 1 && maySee) {
+		return <Icon.FIRST_PLACE className="text-gold" size="lg" />;
+	}
+	if (result.placement === 2 && maySee) {
+		return <Icon.SECOND_PLACE className="text-silver" size="lg" />;
+	}
+	if (result.placement === 3 && maySee) {
+		return <Icon.THIRD_PLACE className="text-bronze" size="lg" />;
+	}
+	return <Icon.FINISHED className="text-success" size="lg" />;
+};
+
+export const getTime = (result, maySee) => {
+	if (!result || !maySee) {
+		return null;
+	}
+	if (result.time) {
+		return formatTime(result);
+	}
+	if (result.forfeit) {
+		return 'DNF';
+	}
+	return '?';
+};
+
 export const parseTime = str => {
 	if (!str) return null;
-	return `${str}`.split(/[-\.: ]+/).reduce((acc,time) => (60 * acc) + +time, 0);
+	return `${str}`.split(/[-.: ]+/).reduce((acc,time) => (60 * acc) + +time, 0);
 };
 
 export default {
 	formatTime,
+	getIcon,
+	getTime,
 	parseTime,
 };