Shubham | Add routes for admin

src/App.tsx

@@ -7,6 +7,7 @@ import {Route} from 'react-router';
 import {BrowserRouter as Router} from 'react-router-dom';
 import {Security, LoginCallback, SecureRoute} from '@okta/okta-react';
 import Dashboard from "./components/Dashboard";
+import AddLayout from "./components/admin/editform/AddLayout";
 
 const config = {
     issuer: 'https://navi-2020.okta.com',
@@ -25,12 +26,15 @@ function App() {
                     <Dashboard/>
                 </Route>
                 <Route path="/implicit/callback" component={LoginCallback}/>
-                <Route path="/manifest/create" exact>
+                <Route path="/manifests/create" exact>
                     <Form/>
                 </Route>
-                <Route path={"/manifest/read"} exact>
+                <Route path={"/manifests"} exact>
                     <ShowDeploymentManifest/>
                 </Route>
+                <Route path={"/admin/editForm"} exact>
+                    <AddLayout/>
+                </Route>
             </Security>
         </Router>
     </div>

src/components/manifest/Form.tsx

@@ -32,7 +32,7 @@ const styles = createStyles({
     demoform: {
         margin: 'auto',
         padding: '5rem',
-        color:'green'
+        color: 'green'
     }
 });
 
@@ -42,12 +42,12 @@ const data: any = {
 const Form = () => {
     const [displayDataAsString, setDisplayDataAsString] = React.useState('');
     const [standaloneData, setStandaloneData] = React.useState(data);
-    useEffect(()=>{
+    useEffect(() => {
         console.log(standaloneData);
-    },[standaloneData]);
+    }, [standaloneData]);
     return (
-        <div >
-
+        <div>
+            <MenuAppBar name={"Create New Manifest File"}/>
             <JsonForms
                 schema={jsonSchema}
                 uischema={uiSchema}