From 7204109c7d8d466100b531dcf45f001381d0d832 Mon Sep 17 00:00:00 2001 From: Mitchell McCaffrey Date: Mon, 20 Jul 2020 19:30:09 +1000 Subject: [PATCH] Added a limited scale to token label size based off of token size --- src/components/token/TokenLabel.js | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/token/TokenLabel.js b/src/components/token/TokenLabel.js index 2befea8..a9fd24b 100644 --- a/src/components/token/TokenLabel.js +++ b/src/components/token/TokenLabel.js @@ -1,10 +1,15 @@ import React, { useRef, useEffect, useState } from "react"; import { Rect, Text, Group } from "react-konva"; +const maxTokenSize = 3; + function TokenLabel({ tokenState, width, height }) { - const fontSize = height / 6 / tokenState.size; - const paddingY = height / 16 / tokenState.size; - const paddingX = height / 8 / tokenState.size; + const fontSize = + (height / 6 / tokenState.size) * Math.min(tokenState.size, maxTokenSize); + const paddingY = + (height / 16 / tokenState.size) * Math.min(tokenState.size, maxTokenSize); + const paddingX = + (height / 8 / tokenState.size) * Math.min(tokenState.size, maxTokenSize); const [rectWidth, setRectWidth] = useState(0); useEffect(() => {