Add visibility toggle of password input. Closes #2

client/src/lib/hooks/index.js

@@ -0,0 +1,8 @@
+import usePrevious from './use-previous';
+import useToggle from './use-toggle';
+import useForceUpdate from './use-force-update';
+import useDidUpdate from './use-did-update';
+
+export {
+  usePrevious, useToggle, useForceUpdate, useDidUpdate,
+};

client/src/lib/hooks/use-did-update.js

@@ -0,0 +1,13 @@
+import { useEffect, useRef } from 'react';
+
+export default (callback, dependencies) => {
+  const isMounted = useRef(false);
+
+  useEffect(() => {
+    if (isMounted.current) {
+      callback();
+    } else {
+      isMounted.current = true;
+    }
+  }, dependencies); // eslint-disable-line react-hooks/exhaustive-deps
+};

client/src/lib/hooks/use-force-update.js

@@ -0,0 +1,3 @@
+import useToggle from './use-toggle';
+
+export default () => useToggle()[1];

client/src/lib/hooks/use-previous.js

@@ -0,0 +1,11 @@
+import { useEffect, useRef } from 'react';
+
+export default (value) => {
+  const prevValue = useRef();
+
+  useEffect(() => {
+    prevValue.current = value;
+  }, [value]);
+
+  return prevValue.current;
+};

client/src/lib/hooks/use-toggle.js

@@ -0,0 +1,11 @@
+import { useCallback, useState } from 'react';
+
+export default (defaultState = false) => {
+  const [state, setState] = useState(defaultState);
+
+  const toggle = useCallback(() => {
+    setState((prevState) => !prevState);
+  }, []);
+
+  return [state, toggle];
+};