Minor updates

Author: arimendelow

sample-oauth-project/web/src/Routes.tsx

@@ -18,7 +18,6 @@ import { useAuth } from './auth'
 const Routes = () => {
   return (
     <Router useAuth={useAuth}>
-      <Route path="/settings" page={SettingsPage} name="settings" />
       <Route path="/double" page={DoublePage} name="double" prerender />
       <Route path="/login" page={LoginPage} name="login" />
       <Route path="/signup" page={SignupPage} name="signup" />
@@ -40,6 +39,7 @@ const Routes = () => {
         <Route path="/waterfall/{id:Int}" page={WaterfallPage} prerender name="waterfall" />
         <Private unauthenticated="login">
           <Route path="/profile" page={ProfilePage} name="profile" />
+          <Route path="/settings" page={SettingsPage} name="settings" />
         </Private>
         <Route path="/blog-post/{id:Int}" page={BlogPostPage} name="blogPost" prerender />
         <Route path="/contact" page={ContactUsPage} name="contactUs" />

sample-oauth-project/web/src/layouts/BlogLayout/BlogLayout.tsx

@@ -46,6 +46,16 @@ const BlogLayout = ({ children }: BlogLayoutProps) => {
                 Admin
               </Link>
             </li>
+            {isAuthenticated && (
+              <li>
+                <Link
+                  className="rounded px-4 py-2 transition duration-100 hover:bg-blue-600"
+                  to={routes.settings()}
+                >
+                  Settings
+                </Link>
+              </li>
+            )}
             {isAuthenticated && (
               <li>
                 <Link

sample-oauth-project/web/src/pages/SettingsPage/SettingsPage.tsx

@@ -12,7 +12,7 @@ const SettingsPage = () => {
     <>
       <MetaTags title="Settings" description="Settings page" />
 
-      <h1>SettingsPage</h1>
+      <h1>Settings</h1>
       <OAuthButtons
         action="link"
         getOAuthUrls={getOAuthUrls}