From 27489a13ca0186fd0062b98c180fceb041b39ab3 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Thu, 9 Sep 2021 11:27:12 +1000
Subject: [PATCH] update row height names

---
 src/components/Table/TableHeader/RowHeight.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Table/TableHeader/RowHeight.tsx b/src/components/Table/TableHeader/RowHeight.tsx
index 1903cacd..f81bff43 100644
--- a/src/components/Table/TableHeader/RowHeight.tsx
+++ b/src/components/Table/TableHeader/RowHeight.tsx
@@ -11,6 +11,8 @@ import RowHeightIcon from "assets/icons/RowHeight";
 import TableHeaderButton from "./TableHeaderButton";
 import { useProjectContext } from "contexts/ProjectContext";
 
+const ROW_HEIGHTS = [37, 43, 65, 100, 150];
+
 export default function RowHeight() {
   const theme = useTheme();
 
@@ -57,11 +59,11 @@ export default function RowHeight() {
         id="row-height-select"
       >
         <ListSubheader>Row Height</ListSubheader>
-        <MenuItem value={37}>Short</MenuItem>
-        <MenuItem value={43}>Tall</MenuItem>
-        <MenuItem value={65}>Grande</MenuItem>
-        <MenuItem value={100}>Venti</MenuItem>
-        <MenuItem value={150}>Trenta</MenuItem>
+        {ROW_HEIGHTS.map((height) => (
+          <MenuItem key={height} value={height}>
+            {height}px
+          </MenuItem>
+        ))}
       </TextField>
     </>
   );