clickable results

[alttp.git] / resources / js / helpers / Result.js

diff --git a/resources/js/helpers/Result.js b/resources/js/helpers/Result.js
index 06ade091803e4a649a14914247e761ac01ad9619..205a42b27325050800c4fe55f728f43de1d0c8c0 100644 (file)
--- 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,6 +14,38 @@ 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);
@@ -18,5 +53,7 @@ export const parseTime = str => {
 
 export default {
        formatTime,
+       getIcon,
+       getTime,
        parseTime,
 };