Redux / React -> integrate views & pages

package-lock.json

@@ -9160,6 +9160,11 @@
         }
       }
     },
+    "loadash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/loadash/-/loadash-1.0.0.tgz",
+      "integrity": "sha512-xlX5HBsXB3KG0FJbJJG/3kYWCfsCyCSus3T+uHVu6QL6YxAdggmm3QeyLgn54N2yi5/UE6xxL5ZWJAAiHzHYEg=="
+    },
     "loader-fs-cache": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz",

package.json

@@ -18,6 +18,7 @@
     "@reduxjs/toolkit": "^1.5.0",
     "gatsby": "^2.32.3",
     "gatsby-plugin-sass": "^3.2.0",
+    "loadash": "^1.0.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-redux": "^7.2.2",

src/pages/func_group/model_crud/modelCrudIndex.js

@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const ModelCrudIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default ModelCrudIndex

src/pages/func_group/render_crud/renderCrudIndex.js

@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const RenderCrudIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default RenderCrudIndex

src/pages/func_group/render_websocket/renderWebsocketIndex.js

@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const RenderWebsocketIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default RenderWebsocketIndex

src/pages/func_group/root.js

@@ -1,9 +1,22 @@
-import * as React from 'react'
+import React, { useState, useEffect } from 'react'
+
+import UserAuthIndex from './user_auth/userAuthIndex'
+import UserCrudIndex from './user_crud/userCrudIndex'
+import ModelCrudIndex from './model_crud/modelCrudIndex'
+import RenderCrudIndex from './render_crud/renderCrudIndex'
+import RenderWebsocketIndex from './render_websocket/renderWebsocketIndex'
 
 const Root = () => {
+
+    const [userAuthView, setUserAuthView] = useState(true)
+    const [userCrudView, setUserCrudView] = useState(false)
+    const [modelCrudView, setModelCrudView] = useState(false)
+    const [renderCrudView, setRenderCrudView] = useState(false)
+    const [renderWebsocketView, setRenderWebsocketView] = useState(false)
+
     return (
-        <>
-        </>
+        <div>
+        </div>
     )
 }
 

src/pages/func_group/user_auth/userAuthIndex.js

@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const UserAuthIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default UserAuthIndex

src/pages/func_group/user_crud/userCrudIndex.js

@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const UserCrudIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default UserCrudIndex