From df2d746ac5e17c5b6ee8cb7dcdc160d9f734d1ac Mon Sep 17 00:00:00 2001 From: Hieu Chu Date: Sun, 8 Jan 2023 17:58:41 +0700 Subject: [PATCH] Feature: Capitalize first letter of Category name --- src/client/containers/CategoryList.tsx | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/src/client/containers/CategoryList.tsx b/src/client/containers/CategoryList.tsx index d416dd9b..e19a3a26 100644 --- a/src/client/containers/CategoryList.tsx +++ b/src/client/containers/CategoryList.tsx @@ -100,10 +100,17 @@ export const CategoryList: React.FC = () => { _setCategoryEdit('', '') } + const capitalizeFirstLetter = (input: string): string => + input.charAt(0).toUpperCase() + input.slice(1) + const onSubmitUpdateCategory = (event: ReactSubmitEvent): void => { event.preventDefault() - const category = { id: editingCategoryId, name: tempCategoryName.trim(), draggedOver: false } + const category = { + id: editingCategoryId, + name: capitalizeFirstLetter(tempCategoryName.trim()), + draggedOver: false, + } if (categories.find((cat) => cat.name === category.name) || category.name === '') { resetTempCategory() @@ -116,7 +123,11 @@ export const CategoryList: React.FC = () => { const onSubmitNewCategory = (event: ReactSubmitEvent): void => { event.preventDefault() - const category = { id: uuid(), name: tempCategoryName.trim(), draggedOver: false } + const category = { + id: uuid(), + name: capitalizeFirstLetter(tempCategoryName.trim()), + draggedOver: false, + } if (categories.find((cat) => cat.name === category.name) || category.name === '') { resetTempCategory()