X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftracker%2FCountDisplay.js;h=ba41b9fa50dd1dc81560f079c05868c6fa713121;hb=8645b77ea2dc402f0265e1c8022ba18302506ca1;hp=ed9b91fc5efbd63955f67bc273d4aa88b246a358;hpb=b5a50d74cf042fa7fc874d8184dc37ae20bb74dd;p=alttp.git

diff --git a/resources/js/components/tracker/CountDisplay.js b/resources/js/components/tracker/CountDisplay.js
index ed9b91f..ba41b9f 100644
--- a/resources/js/components/tracker/CountDisplay.js
+++ b/resources/js/components/tracker/CountDisplay.js
@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 
-const CountDisplay = ({ className, count }) => {
+const CountDisplay = ({ className, count, full }) => {
 	const classNames = ['count-display'];
 	if (className) {
 		classNames.push(className);
@@ -9,14 +9,18 @@ const CountDisplay = ({ className, count }) => {
 	if (!count) {
 		classNames.push('is-zero');
 	}
-	return <span className={classNames.join(' ')}>
+	if (full && count >= full) {
+		classNames.push('is-full');
+	}
+	return <text className={classNames.join(' ')}>
 		{count}
-	</span>;
+	</text>;
 };
 
 CountDisplay.propTypes = {
 	className: PropTypes.string,
 	count: PropTypes.number,
+	full: PropTypes.number,
 };
 
 export default CountDisplay;