Add colored nicks settings option

client/src/js/components/ui/formik/Checkbox.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Field } from 'formik';
+import Checkbox from 'components/ui/Checkbox';
+
+const FormikCheckbox = ({ name, onChange, ...props }) => (
+  <Field
+    name={name}
+    render={({ field, form }) => (
+      <Checkbox
+        name={name}
+        checked={field.value}
+        onChange={e => {
+          form.setFieldTouched(name, true);
+          field.onChange(e);
+          if (onChange) {
+            onChange(e);
+          }
+        }}
+        {...props}
+      />
+    )}
+  />
+);
+
+export default FormikCheckbox;