new snippet

react/app/src/App.js

@@ -5,25 +5,29 @@ import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import { AuthProvider } from "./context/AuthContext";
 import AuthPage from './pages/AuthPage'
 import SnippetPage from './pages/SnippetPage'
+import NewSnippet from './pages/NewSnippetPage'
 
 function App() {
-  return (
+    return (
 
-    <Router>
-      <AuthProvider>
-        <Routes>
-          <Route path="/auth" element={<AuthPage />} />
-          <Route path="/" element={<div className="App">
-            <HomePage />
-            </div>} />
-          <Route path="/snippet/:id" element={<div className="App">
-            <SnippetPage />
-            </div>} />
-        </Routes>
-      </AuthProvider>
-    </Router>
+        <Router>
+            <AuthProvider>
+                <Routes>
+                    <Route path="/auth" element={<AuthPage />} />
+                    <Route path="/" element={<div className="App">
+                        <HomePage />
+                        </div>} />
+                    <Route path="/snippet/:id" element={<div className="App">
+                        <SnippetPage />
+                        </div>} />
+                    <Route path="/new-snippet" element={<div className="App">
+                        <NewSnippet />
+                        </div>} />
+                </Routes>
+            </AuthProvider>
+        </Router>
 
-  );
+    );
 }
 
 export default App;