Merge pull request #180 from GTBitsOfGood/ash/168-allowTitleEditing

ash/168-allowTitleEditing
GTBitsOfGood · Sep 15, 2023 · ce4ea78 · ce4ea78 · github-actions · Sep 15, 2023
2 parents 7fbcc3d + 00d78ae
commit ce4ea78
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Modals/CardModal/CardModal.jsx b/src/components/Modals/CardModal/CardModal.jsx
@@ -258,8 +258,12 @@ const CardModal = ({
       <ModalContent rounded={14}>
         <ModalCloseButton right={2} top={0} m={4} />
         <ModalHeader mt={10} mx={6}>
-          <Flex justifyContent="space-between">
-            <Heading mb={2}>{card.title}</Heading>
+          <Flex justifyContent="space-between" align="center" gap={4}>
+            {editing ? (
+              <InputControl name="title" size="lg"></InputControl>
+            ) : (
+              <Heading mb={2}>{card.title}</Heading>
+            )}
             {user?.isAdmin ? (
               !editing ? (
                 <Button

diff --git a/src/components/Modals/CardModal/cardEditValidator.js b/src/components/Modals/CardModal/cardEditValidator.js
@@ -3,6 +3,9 @@ import { DEFAULT_IMAGE } from "src/lib/utils/constants";
 
 const cardEditValidator = (values) => {
   const errors = {};
+  if (!values.title || values.title.length == 0) {
+    errors.title = "Title cannot be blank";
+  }
   if (!values.criteria || values.criteria.length == 0) {
     errors.criteria = "Criteria cannot be blank";
   }