adding more test pages

wds4 · Sep 7, 2024 · 0635ce7 · 0635ce7
1 parent f678b65
commit 0635ce7
Show file tree

Hide file tree

Showing 22 changed files with 430 additions and 0 deletions.
diff --git a/src/nav/_navHelloWorld.js b/src/nav/_navHelloWorld.js
@@ -74,6 +74,66 @@ const _nav = [
     to: '/helloWorld/testPage10',
     icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
   },
+  {
+    component: CNavItem,
+    name: 'Test Page 11',
+    to: '/helloWorld/testPage11',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 12',
+    to: '/helloWorld/testPage12',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 13',
+    to: '/helloWorld/testPage13',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 14',
+    to: '/helloWorld/testPage14',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 15',
+    to: '/helloWorld/testPage15',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 16',
+    to: '/helloWorld/testPage16',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 17',
+    to: '/helloWorld/testPage17',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 18',
+    to: '/helloWorld/testPage18',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 19',
+    to: '/helloWorld/testPage19',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Test Page 20',
+    to: '/helloWorld/testPage20',
+    icon: <CIcon icon={cilClipboard} customClassName="nav-icon" />,
+  },
 ]
 
 export default _nav
diff --git a/src/routes/routesHelloWorld.js b/src/routes/routesHelloWorld.js
@@ -14,6 +14,16 @@ const TestPage7 = React.lazy(() => import('src/views/helloWorld/testPage7/TestPa
 const TestPage8 = React.lazy(() => import('src/views/helloWorld/testPage8/TestPage8'))
 const TestPage9 = React.lazy(() => import('src/views/helloWorld/testPage9/TestPage9'))
 const TestPage10 = React.lazy(() => import('src/views/helloWorld/testPage10/TestPage10'))
+const TestPage11 = React.lazy(() => import('src/views/helloWorld/testPage11/TestPage'))
+const TestPage12 = React.lazy(() => import('src/views/helloWorld/testPage12/TestPage'))
+const TestPage13 = React.lazy(() => import('src/views/helloWorld/testPage13/TestPage'))
+const TestPage14 = React.lazy(() => import('src/views/helloWorld/testPage14/TestPage'))
+const TestPage15 = React.lazy(() => import('src/views/helloWorld/testPage15/TestPage'))
+const TestPage16 = React.lazy(() => import('src/views/helloWorld/testPage16/TestPage'))
+const TestPage17 = React.lazy(() => import('src/views/helloWorld/testPage17/TestPage'))
+const TestPage18 = React.lazy(() => import('src/views/helloWorld/testPage18/TestPage'))
+const TestPage19 = React.lazy(() => import('src/views/helloWorld/testPage19/TestPage'))
+const TestPage20 = React.lazy(() => import('src/views/helloWorld/testPage20/TestPage'))
 
 const routes = [
   { path: '/helloWorld', name: 'Hello World', element: HelloWorld },
@@ -29,6 +39,16 @@ const routes = [
   { path: '/helloWorld/testPage8', name: 'Test Page 8', element: TestPage8 },
   { path: '/helloWorld/testPage9', name: 'Test Page 9', element: TestPage9 },
   { path: '/helloWorld/testPage10', name: 'Test Page 10', element: TestPage10 },
+  { path: '/helloWorld/testPage11', name: 'Test Page 11', element: TestPage11 },
+  { path: '/helloWorld/testPage12', name: 'Test Page 12', element: TestPage12 },
+  { path: '/helloWorld/testPage13', name: 'Test Page 13', element: TestPage13 },
+  { path: '/helloWorld/testPage14', name: 'Test Page 14', element: TestPage14 },
+  { path: '/helloWorld/testPage15', name: 'Test Page 15', element: TestPage15 },
+  { path: '/helloWorld/testPage16', name: 'Test Page 16', element: TestPage16 },
+  { path: '/helloWorld/testPage17', name: 'Test Page 17', element: TestPage17 },
+  { path: '/helloWorld/testPage18', name: 'Test Page 18', element: TestPage18 },
+  { path: '/helloWorld/testPage19', name: 'Test Page 19', element: TestPage19 },
+  { path: '/helloWorld/testPage20', name: 'Test Page 20', element: TestPage20 },
 ]
 
 export default routes
diff --git a/src/views/helloWorld/testPage11/TestPage.js b/src/views/helloWorld/testPage11/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 11</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage11/testPageBody.js b/src/views/helloWorld/testPage11/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody
diff --git a/src/views/helloWorld/testPage12/TestPage.js b/src/views/helloWorld/testPage12/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 12</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage12/testPageBody.js b/src/views/helloWorld/testPage12/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody
diff --git a/src/views/helloWorld/testPage13/TestPage.js b/src/views/helloWorld/testPage13/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 13</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage13/testPageBody.js b/src/views/helloWorld/testPage13/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody
diff --git a/src/views/helloWorld/testPage14/TestPage.js b/src/views/helloWorld/testPage14/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 14</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage14/testPageBody.js b/src/views/helloWorld/testPage14/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody
diff --git a/src/views/helloWorld/testPage15/TestPage.js b/src/views/helloWorld/testPage15/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 15</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage15/testPageBody.js b/src/views/helloWorld/testPage15/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody
diff --git a/src/views/helloWorld/testPage16/TestPage.js b/src/views/helloWorld/testPage16/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 16</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage16/testPageBody.js b/src/views/helloWorld/testPage16/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody
diff --git a/src/views/helloWorld/testPage17/TestPage.js b/src/views/helloWorld/testPage17/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 17</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage17/testPageBody.js b/src/views/helloWorld/testPage17/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody
diff --git a/src/views/helloWorld/testPage18/TestPage.js b/src/views/helloWorld/testPage18/TestPage.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import TestPageBody from './testPageBody'
+
+const TestPage = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page 18</h3>
+      </center>
+      <TestPageBody />
+    </>
+  )
+}
+
+export default TestPage
diff --git a/src/views/helloWorld/testPage18/testPageBody.js b/src/views/helloWorld/testPage18/testPageBody.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+const TestPageBody = () => {
+  return (
+    <>
+      <center>
+        <h3>Test Page Body</h3>
+      </center>
+      <div>
+        <p>
+          Loren ipsum
+        </p>
+      </div>
+    </>
+  )
+}
+
+export default TestPageBody