From 6a6f4821789642ae9da5d612028b348a72a7ad0e Mon Sep 17 00:00:00 2001
From: Sean Sube <seansube@gmail.com>
Date: Sat, 11 Feb 2023 18:21:42 -0600
Subject: [PATCH] fix(gui): capitalize tile order options

---
 gui/src/components/tab/Inpaint.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/gui/src/components/tab/Inpaint.tsx b/gui/src/components/tab/Inpaint.tsx
index e90a8b24..69416dfa 100644
--- a/gui/src/components/tab/Inpaint.tsx
+++ b/gui/src/components/tab/Inpaint.tsx
@@ -1,5 +1,6 @@
 import { doesExist, mustExist } from '@apextoaster/js-utils';
 import { Box, Button, FormControl, FormControlLabel, InputLabel, MenuItem, Select, Stack } from '@mui/material';
+import { capitalize } from 'lodash';
 import * as React from 'react';
 import { useContext } from 'react';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
@@ -163,7 +164,7 @@ export function Inpaint() {
             }}
           >
             {params.tileOrder.keys.map((name) =>
-              <MenuItem key={name} value={name}>{name.toLocaleUpperCase()}</MenuItem>)
+              <MenuItem key={name} value={name}>{capitalize(name)}</MenuItem>)
             }
           </Select>
         </FormControl>