From a27bd536bab568da103516ea3bdcd4dfd30488a2 Mon Sep 17 00:00:00 2001
From: fISHIE <83373559+WhoIsFishie@users.noreply.github.com>
Date: Sun, 8 Feb 2026 10:20:37 +0500
Subject: [PATCH] ui changes

added privacy policy
made dhiv text easier to read
---
 frontend-react/src/App.tsx                    | 13 ++++++++-----
 .../src/components/layout/Footer.tsx          | 19 +++++++++++++++++++
 .../src/components/layout/Layout.tsx          | 14 ++++++++++++++
 .../src/components/petition/PetitionBody.tsx  |  2 +-
 frontend-react/src/index.css                  |  6 ++++++
 .../src/pages/CreatePetitionPage.tsx          |  4 ----
 frontend-react/src/pages/HomePage.tsx         |  4 ----
 frontend-react/src/pages/PetitionPage.tsx     |  7 -------
 8 files changed, 48 insertions(+), 21 deletions(-)
 create mode 100644 frontend-react/src/components/layout/Footer.tsx
 create mode 100644 frontend-react/src/components/layout/Layout.tsx

diff --git a/frontend-react/src/App.tsx b/frontend-react/src/App.tsx
index 335d2b3..9b38869 100644
--- a/frontend-react/src/App.tsx
+++ b/frontend-react/src/App.tsx
@@ -2,15 +2,18 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { HomePage } from "@/pages/HomePage";
 import { PetitionPage } from "@/pages/PetitionPage";
 import { CreatePetitionPage } from "@/pages/CreatePetitionPage";
+import { Layout } from "@/components/layout/Layout";
 
 function App() {
   return (
     <BrowserRouter>
-      <Routes>
-        <Route path="/" element={<HomePage />} />
-        <Route path="/Petition/:slug" element={<PetitionPage />} />
-        <Route path="/CreatePetition" element={<CreatePetitionPage />} />
-      </Routes>
+      <Layout>
+        <Routes>
+          <Route path="/" element={<HomePage />} />
+          <Route path="/Petition/:slug" element={<PetitionPage />} />
+          <Route path="/CreatePetition" element={<CreatePetitionPage />} />
+        </Routes>
+      </Layout>
     </BrowserRouter>
   );
 }
diff --git a/frontend-react/src/components/layout/Footer.tsx b/frontend-react/src/components/layout/Footer.tsx
new file mode 100644
index 0000000..53f6801
--- /dev/null
+++ b/frontend-react/src/components/layout/Footer.tsx
@@ -0,0 +1,19 @@
+export function Footer() {
+  return (
+    <footer className="mt-auto py-6 border-t border-slate-200">
+      <div className="container mx-auto px-4">
+        <div className="flex flex-col items-center gap-2 text-sm text-slate-500">
+          <span>Powered by Mv Devs Union</span>
+          <a
+            href="https://github.com/MvDevsUnion/WPetition/blob/master/privacy_policy.md"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:text-slate-700 transition-colors"
+          >
+            Privacy Policy
+          </a>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/frontend-react/src/components/layout/Layout.tsx b/frontend-react/src/components/layout/Layout.tsx
new file mode 100644
index 0000000..4093291
--- /dev/null
+++ b/frontend-react/src/components/layout/Layout.tsx
@@ -0,0 +1,14 @@
+import { Footer } from "./Footer";
+
+interface LayoutProps {
+  children: React.ReactNode;
+}
+
+export function Layout({ children }: LayoutProps) {
+  return (
+    <div className="min-h-screen flex flex-col">
+      <main className="flex-1">{children}</main>
+      <Footer />
+    </div>
+  );
+}
diff --git a/frontend-react/src/components/petition/PetitionBody.tsx b/frontend-react/src/components/petition/PetitionBody.tsx
index 7297c04..1f10b24 100644
--- a/frontend-react/src/components/petition/PetitionBody.tsx
+++ b/frontend-react/src/components/petition/PetitionBody.tsx
@@ -54,7 +54,7 @@ export function PetitionBody({
 
       <button
         onClick={() => setIsExpanded(!isExpanded)}
-        className={`mt-4 flex items-center gap-2 text-blue-600 hover:text-blue-700 font-medium transition-colors ${isRtl ? "flex-row-reverse" : ""}`}
+        className={`mt-4 flex items-center gap-2 text-blue-600 hover:text-blue-700 font-medium transition-colors ${isRtl ? "flex-row-reverse dhivehi" : ""}`}
       >
         {isExpanded ? (
           <>
diff --git a/frontend-react/src/index.css b/frontend-react/src/index.css
index 299e38f..86761fe 100644
--- a/frontend-react/src/index.css
+++ b/frontend-react/src/index.css
@@ -126,10 +126,16 @@
 /* Dhivehi text styles - using Faruma as primary font */
 .dhivehi {
   font-family: "Faruma", "Waheed", sans-serif;
+  font-size: 1.15em;
   direction: rtl;
   text-align: right;
 }
 
+/* Ensure Dhivehi font applies to all child elements (for markdown content) */
+.dhivehi * {
+  font-family: inherit;
+}
+
 /* RTL document support */
 html[dir="rtl"] {
   direction: rtl;
diff --git a/frontend-react/src/pages/CreatePetitionPage.tsx b/frontend-react/src/pages/CreatePetitionPage.tsx
index 0b084d6..d5c63ab 100644
--- a/frontend-react/src/pages/CreatePetitionPage.tsx
+++ b/frontend-react/src/pages/CreatePetitionPage.tsx
@@ -418,10 +418,6 @@ export function CreatePetitionPage() {
           </div>
         </form>
       </div>
-
-      <footer className="text-center text-slate-500 text-sm mt-6 pb-4">
-        Powered by Mv Devs Union
-      </footer>
     </div>
   );
 }
diff --git a/frontend-react/src/pages/HomePage.tsx b/frontend-react/src/pages/HomePage.tsx
index fc08444..1bd8cae 100644
--- a/frontend-react/src/pages/HomePage.tsx
+++ b/frontend-react/src/pages/HomePage.tsx
@@ -105,10 +105,6 @@ export function HomePage() {
           </div>
         )}
       </div>
-
-      <footer className="text-center text-slate-500 text-sm py-8">
-        Powered by Mv Devs Union
-      </footer>
     </div>
   );
 }
diff --git a/frontend-react/src/pages/PetitionPage.tsx b/frontend-react/src/pages/PetitionPage.tsx
index 6c6c6a2..07379ce 100644
--- a/frontend-react/src/pages/PetitionPage.tsx
+++ b/frontend-react/src/pages/PetitionPage.tsx
@@ -53,9 +53,6 @@ export function PetitionPage() {
         <div className="max-w-4xl mx-auto bg-card rounded-lg shadow-lg p-10">
           <ErrorState message="No petition found. Please use a valid petition URL." />
         </div>
-        <footer className="text-center text-slate-500 text-sm mt-6 pb-4">
-          Powered by Mv Devs Union
-        </footer>
       </div>
     );
   }
@@ -114,10 +111,6 @@ export function PetitionPage() {
           </>
         )}
       </div>
-
-      <footer className="text-center text-slate-500 text-sm mt-6 pb-4">
-        Powered by Mv Devs Union
-      </footer>
     </div>
   );
 }