Fix random vaultid

src/components/create_vault/index.js

@@ -8,20 +8,11 @@ import TemplateDisplay from './vault_constructors/templateDisplayConstructor'
 import InformationBoxContainer from './vault_constructors/informationBoxContainer'
 import { useHistory } from "react-router-dom"
 import { connect } from 'react-redux';
+import { makeid } from '../../utils/generate-id';
 import TemplateInputArea from './vault_constructors/templateInputArea';
 
 const CustomVaultBuild = (props) => {
-    let history = useHistory();
-
-    function makeid(length) {
-        var result           = '';
-        var characters       = 'abcdefghijklmnopqrstuvwxyz0123456789';
-        var charactersLength = characters.length;
-        for ( var i = 0; i < length; i++ ) {
-           result += characters.charAt(Math.floor(Math.random() * charactersLength));
-        }
-        return result;
-    }
+    const history = useHistory();
 
     useEffect(()=>{
         console.log('create_vault useeffect rendered. vaultid: ', props.vaultid)

src/components/create_vault/vault_constructors/templateInputArea.js

@@ -8,6 +8,7 @@ import { Formik, Form, Field } from 'formik';
 import Modal from '@material-ui/core/Modal';
 import Backdrop from '@material-ui/core/Backdrop';
 import Fade from '@material-ui/core/Fade';
+import { makeid } from '../../../utils/generate-id';
 
 const TemplateInputArea = (props) => {
     let history = useHistory()
@@ -114,16 +115,6 @@ const TemplateInputArea = (props) => {
         showPasswordDisplay(false) 
     }
 
-    function makeid(length) {
-        var result           = '';
-        var characters       = 'abcdefghijklmnopqrstuvwxyz0123456789';
-        var charactersLength = characters.length;
-        for ( var i = 0; i < length; i++ ) {
-           result += characters.charAt(Math.floor(Math.random() * charactersLength));
-        }
-        return result;
-    }
-
     const generateEditPassword = () => {
         console.log('generate Edit Password loaded')
         if ((passwordDisplay) && (!(postStatus))) {

src/components/mainAppLayout/appHeader.js

@@ -6,24 +6,14 @@ import { setVaultID } from "../../actions";
 import AboutPage from "../about_page/index";
 import CustomVaultBuild from "../create_vault/index";
 import TestPage from "./testPage";
+import { makeid } from "../../utils/generate-id";
 
 const MainAppHeader = (props) => {
 
   const [activeItem, setActiveItem] = useState("vault-viewer");
-  const newVault = makeid(8)  
   let history = useHistory()
   // let vaultID = null
 
-  function makeid(length) {
-    var result = "";
-    var characters = "abcdefghijklmnopqrstuvwxyz0123456789";
-    var charactersLength = characters.length;
-    for (var i = 0; i < length; i++) {
-      result += characters.charAt(Math.floor(Math.random() * charactersLength));
-    }
-    return result;
-  }
-
   useEffect(() => {
     console.log("mainAppHeader useeffect ran");
   }, [activeItem]);
@@ -60,8 +50,7 @@ const MainAppHeader = (props) => {
 
         <Menu.Item
           onClick={(syntheticE, menuProps) => {
-
-            console.log('menu clicked  ', newVault)
+            history.push("/vaultID/" + makeid(8))
 
             // props.setVaultID(newVault);
             setActiveItem(menuProps.name);
@@ -71,7 +60,7 @@ const MainAppHeader = (props) => {
           className="top-menu-btn"
         >
           <Link
-            to={"/vaultID/" + makeid(8)}
+            to={"/vaultID/" + makeid(8) }
           >
             Create your own vault
           </Link>

src/utils/generate-id.js

@@ -0,0 +1,9 @@
+export const makeid = (length) => {
+	var result = '';
+	var characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
+	var charactersLength = characters.length;
+	for (var i = 0; i < length; i++) {
+		result += characters.charAt(Math.floor(Math.random() * charactersLength));
+	}
+	return result;
+};