Refactor validation

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/screens/editTag.tsx

@@ -10,6 +10,7 @@ import styles from '../styles';
 import { useDimensions } from '../contexts';
 import { ROUTE, RootStackParamList } from '../types';
 import { Tag } from '../database';
+import { validateColor, validateTagName } from '../utilities';
 
 const EditTag = ({
   route,
@@ -25,17 +26,13 @@ const EditTag = ({
     BSON.UUID.createFromHexString(route.params.id),
   )!;
 
-  const [tagName, setTagName] = useState(tag.name);
-  const [tagColor, setTagColor] = useState(tag.color);
-  const [validatedTagColor, setValidatedTagColor] = useState(tagColor);
-
-  const [tagNameError, setTagNameError] = useState<string | undefined>();
-  const [tagColorError, setTagColorError] = useState<string | undefined>();
+  const [tagName, setTagName] = useState(validateTagName(tag.name));
+  const [tagColor, setTagColor] = useState(validateColor(tag.color));
 
   const handleSave = () => {
     realm.write(() => {
-      tag.name = tagName;
-      tag.color = tagColor;
+      tag.name = tagName.parsed;
+      tag.color = tagColor.parsed;
       tag.dateModified = new Date();
     });
 
@@ -80,12 +77,6 @@ const EditTag = ({
             setTagName={setTagName}
             tagColor={tagColor}
             setTagColor={setTagColor}
-            validatedTagColor={validatedTagColor}
-            setValidatedTagColor={setValidatedTagColor}
-            tagNameError={tagNameError}
-            setTagNameError={setTagNameError}
-            tagColorError={tagColorError}
-            setTagColorError={setTagColorError}
           />
         </View>
         <View style={[styles.flex, styles.justifyEnd]}>
@@ -93,7 +84,7 @@ const EditTag = ({
             mode="contained"
             icon="floppy"
             onPress={handleSave}
-            disabled={!!tagNameError || !!tagColorError}>
+            disabled={!tagName.valid || !tagColor.valid}>
             Save
           </Button>
         </View>