From 729705b86bddb3e7d6d5af72adf05daf34fd25a6 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Fri, 6 Aug 2021 08:48:54 +1000
Subject: [PATCH] Fix emoji scale being blurred for notes

---
 src/components/konva/Note.tsx       | 7 ++++---
 src/components/konva/TokenLabel.tsx | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/konva/Note.tsx b/src/components/konva/Note.tsx
index 9176ade..47a3bbd 100644
--- a/src/components/konva/Note.tsx
+++ b/src/components/konva/Note.tsx
@@ -27,7 +27,8 @@ import { Map } from "../../types/Map";
 
 import Transformer from "./Transformer";
 
-const defaultFontSize = 16;
+const defaultFontSize = 144;
+const minFontSize = 16;
 
 type NoteProps = {
   note: NoteType;
@@ -154,10 +155,10 @@ function Note({
       if (!text) {
         return;
       }
-      // Create an array from 1 / defaultFontSize of the note height to the full note height
+      // Create an array from 1 / minFontSize of the note height to the full note height
       let sizes = Array.from(
         { length: Math.ceil(noteHeight - notePadding * 2) },
-        (_, i) => i + Math.ceil(noteHeight / defaultFontSize)
+        (_, i) => i + Math.ceil(noteHeight / minFontSize)
       );
 
       if (sizes.length > 0) {
diff --git a/src/components/konva/TokenLabel.tsx b/src/components/konva/TokenLabel.tsx
index f0401d3..bb4c4e5 100644
--- a/src/components/konva/TokenLabel.tsx
+++ b/src/components/konva/TokenLabel.tsx
@@ -6,7 +6,8 @@ import useSetting from "../../hooks/useSetting";
 import { TokenState } from "../../types/TokenState";
 
 const maxTokenSize = 3;
-const defaultFontSize = 16;
+const defaultFontSize = 144;
+const minFontSize = 16;
 
 type TokenLabelProps = {
   tokenState: TokenState;
@@ -31,7 +32,7 @@ function TokenLabel({ tokenState, width, height }: TokenLabelProps) {
     }
 
     let fontSizes: number[] = [];
-    for (let size = 20 * labelSize; size >= 6; size--) {
+    for (let size = minFontSize * labelSize; size >= 6; size--) {
       const verticalSize = height / size / tokenState.size;
       const tokenSize = Math.min(tokenState.size, maxTokenSize);
       const fontSize = verticalSize * tokenSize * labelSize;