Merge pull request #126 from codeforpdx/issue-125/disclaimer-page

Feature: Disclaimer Page

Author: leekahung

frontend/src/About.tsx

@@ -1,31 +1,10 @@
-import { useNavigate } from "react-router-dom";
+import BackLink from "./shared/components/BackLink";
 
 export default function About() {
-  const navigate = useNavigate();
-
   return (
-    <div className="flex items-center h-dvh pt-16 sm:pt-0">
+    <div className="flex items-center pt-16 sm:mt-26 sm:pt-0">
       <div className="relative max-w-2xl m-auto p-8 bg-[#F4F4F2] rounded-lg shadow-md">
-        <button
-          className="absolute top-4 left-4 flex text-[#4a90e2] hover:text-[#3a7bc8] font-semibold cursor-pointer"
-          onClick={() => navigate(-1)}
-          aria-label="Go back"
-        >
-          <svg
-            className="w-6 h-6 mr-2"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth={2}
-            viewBox="0 0 24 24"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M15 19l-7-7 7-7"
-            />
-          </svg>
-          Back
-        </button>
+        <BackLink />
         <p className="my-6">
           <strong>Tenant First Aid</strong> is an AI-powered chatbot designed to
           help tenants navigate rental issues, answer questions, and provides

frontend/src/App.tsx

@@ -3,6 +3,7 @@ import Chat from "./Chat";
 import About from "./About";
 import SessionContextProvider from "./contexts/SessionContext";
 import Navbar from "./pages/Chat/components/Navbar";
+import Disclaimer from "./Disclaimer";
 
 export default function App() {
   return (
@@ -12,6 +13,7 @@ export default function App() {
         <Routes>
           <Route path="/" element={<Chat />} />
           <Route path="/about" element={<About />} />
+          <Route path="/disclaimer" element={<Disclaimer />} />
         </Routes>
       </Router>
     </SessionContextProvider>