Merge pull request #5 from Jgarnes/main

Added DB Finder

Author: chrisuribe

src/App/App.tsx

@@ -7,7 +7,7 @@ import AdminPage from '../pages/AdminPage/AdminPage';
 import HomePage from '../pages/HomePage/HomePage';
 import WordShuffleWorldPage from '../pages/WordShuffleWorldPage/WordShuffleWorldPage';
 import AboutPage from '../pages/AboutPage/AboutPage';
-
+import DbFinder from '../pages/DbFinder/DbFinder';
 function App() {
   return (
     <Router>
@@ -21,6 +21,7 @@ function App() {
           path="/games/word-shuffle-world"
           element={<WordShuffleWorldPage />}
         />
+        <Route path="/dbfinder" element={<DbFinder />}/>
       </Routes>
     </Router>
   );

src/components/dbfinder/display.tsx

@@ -0,0 +1,5 @@
+const DbDisplay = () => {
+    return <div> This is where the path instruction and page image is located</div>;
+  };
+  
+  export default DbDisplay;

src/components/dbfinder/search.tsx

@@ -0,0 +1,5 @@
+const DbSearch = () => {
+    return <div> This is where the DB search bar goes</div>;
+  };
+  
+  export default DbSearch;

src/components/navigation/Navigation.tsx

@@ -27,6 +27,9 @@ const Navigation = () => {
       >
         Word Shuffle World
       </Button>
+      <Button component={Link} to="/dbfinder" variant="contained" color="primary">
+        Db Finder
+      </Button>
     </div>
   );
 };

src/pages/AdminPage/AdminPage.tsx

@@ -1,5 +1,8 @@
+
+
+
 const AdminPage = () => {
-  return <div> Welcome to the admin page</div>;
+  return <div> Welcome to the Database Finder</div>;
 };
 
 export default AdminPage;

src/pages/DbFinder/DbFinder.tsx

@@ -0,0 +1,13 @@
+import DbDisplay from '../../components/dbfinder/display';
+import DbSearch  from '../../components/dbfinder/search';
+
+const DbFinder = () => {
+    return (
+        <div>
+        <DbSearch />
+        <DbDisplay />
+        </div>
+    )
+  };
+  
+  export default DbFinder;