refactor: remove validation schema

src/components/options/ToolOptions.tsx

@@ -5,6 +5,7 @@ import React, { ReactNode, RefObject, useContext, useEffect } from 'react';
 import { Formik, FormikProps, FormikValues, useFormikContext } from 'formik';
 import ToolOptionGroups, { ToolOptionGroup } from './ToolOptionGroups';
 import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext';
+import * as Yup from 'yup';
 
 type UpdateField<T> = <Y extends keyof T>(field: Y, value: T[Y]) => void;
 
@@ -78,7 +79,7 @@ export default function ToolOptions<T extends FormikValues>({
 }: {
   children?: ReactNode;
   initialValues: T;
-  validationSchema: any | (() => any);
+  validationSchema?: any | (() => any);
   compute: (optionsValues: T, input: any) => void;
   input?: any;
   getGroups: (

src/pages/image/png/change-colors-in-png/index.tsx

@@ -134,7 +134,6 @@ export default function ChangeColorsInPng() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/image/png/convert-jgp-to-png/index.tsx

@@ -148,7 +148,6 @@ export default function ConvertJgpToPng() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/image/png/create-transparent/index.tsx

@@ -121,7 +121,6 @@ export default function ChangeColorsInPng() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/list/find-most-popular/index.tsx

@@ -69,9 +69,6 @@ export default function FindMostPopular() {
       )
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -165,7 +162,6 @@ export default function FindMostPopular() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/list/find-unique/index.tsx

@@ -63,9 +63,6 @@ export default function FindUnique() {
       )
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -156,7 +153,6 @@ export default function FindUnique() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/list/group/index.tsx

@@ -73,9 +73,6 @@ export default function FindUnique() {
       )
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -181,7 +178,6 @@ export default function FindUnique() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/list/reverse/index.tsx

@@ -41,9 +41,6 @@ export default function Reverse() {
       reverseList(splitOperatorType, splitSeparator, joinSeparator, input)
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -103,7 +100,6 @@ export default function Reverse() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/list/rotate/index.tsx

@@ -71,9 +71,6 @@ export default function Rotate() {
       )
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -151,7 +148,6 @@ export default function Rotate() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/list/shuffle/index.tsx

@@ -51,9 +51,6 @@ export default function Shuffle() {
       )
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -118,7 +115,6 @@ export default function Shuffle() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/list/sort/index.tsx

@@ -64,9 +64,6 @@ export default function SplitText() {
       )
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -163,7 +160,6 @@ export default function SplitText() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/number/generate/index.tsx

@@ -16,10 +16,6 @@ const initialValues = {
 export default function SplitText() {
   const [result, setResult] = useState<string>('');
 
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
-
   return (
     <Box>
       <ToolInputAndResult
@@ -78,7 +74,6 @@ export default function SplitText() {
           );
         }}
         initialValues={initialValues}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/number/sum/index.tsx

@@ -42,10 +42,6 @@ export default function SplitText() {
   const [input, setInput] = useState<string>('');
   const [result, setResult] = useState<string>('');
 
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
-
   return (
     <Box>
       <ToolInputAndResult
@@ -112,7 +108,6 @@ export default function SplitText() {
         }}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/string/join/index.tsx

@@ -171,7 +171,6 @@ export default function JoinText() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
       <ToolInfo
         title="What Is a Text Joiner?"

src/pages/string/split/index.tsx

@@ -104,9 +104,6 @@ export default function SplitText() {
       )
     );
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -146,7 +143,6 @@ export default function SplitText() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/string/to-morse/index.tsx

@@ -21,9 +21,6 @@ export default function ToMorse() {
     const { dotSymbol, dashSymbol } = optionsValues;
     setResult(compute(input, dotSymbol, dashSymbol));
   };
-  const validationSchema = Yup.object({
-    // splitSeparator: Yup.string().required('The separator is required')
-  });
 
   return (
     <Box>
@@ -61,7 +58,6 @@ export default function ToMorse() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );

src/pages/video/gif/change-speed/index.tsx

@@ -142,7 +142,6 @@ export default function ChangeSpeed() {
         ]}
         initialValues={initialValues}
         input={input}
-        validationSchema={validationSchema}
       />
     </Box>
   );