From 8c1ec834f312525645e62e3b0bd2715d5c9d895e Mon Sep 17 00:00:00 2001
From: Joao Ramos <joaomframos.1@gmail.com>
Date: Fri, 9 Feb 2024 18:03:52 +0000
Subject: [PATCH] Applied dir to all pages

---
 src/templates/About.tsx      | 2 +-
 src/templates/ComingSoon.tsx | 2 +-
 src/templates/History.tsx    | 2 +-
 src/templates/Home.tsx       | 2 +-
 src/templates/Price.tsx      | 5 ++---
 src/templates/Privacy.tsx    | 6 +++---
 src/templates/Services.tsx   | 2 +-
 src/templates/Terms.tsx      | 6 +++---
 8 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/templates/About.tsx b/src/templates/About.tsx
index 4b691c0..97ef04b 100644
--- a/src/templates/About.tsx
+++ b/src/templates/About.tsx
@@ -30,7 +30,7 @@ interface Props {
 
 export default function About({language}: Props) {
 	return (
-		<main className="h-screen w-full bg-white text-mti-black flex flex-col">
+		<main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage="/about" language={language} />
 
 			<section className="w-full h-full bg-mti-purple text-white text-center p-8 md:p-16">
diff --git a/src/templates/ComingSoon.tsx b/src/templates/ComingSoon.tsx
index 7fbaad3..7d0f437 100644
--- a/src/templates/ComingSoon.tsx
+++ b/src/templates/ComingSoon.tsx
@@ -20,7 +20,7 @@ interface Props {
 
 export default function ComingSoon({ page, language }: Props) {
   return (
-    <main className="text-mti-black flex h-screen w-full flex-col bg-white">
+    <main className="text-mti-black flex h-screen w-full flex-col bg-white" dir={language === "ar" ? "rtl" : "ltr"}>
       <Navbar currentPage={page} language={language} />
 
       <section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16">
diff --git a/src/templates/History.tsx b/src/templates/History.tsx
index 8e1341c..cae76a3 100644
--- a/src/templates/History.tsx
+++ b/src/templates/History.tsx
@@ -50,7 +50,7 @@ const Element = ({date, label, isEven, language, Icon}: ElementProps) => {
 
 export default function History({language}: Props) {
 	return (
-		<main className="h-screen w-full bg-white text-mti-black flex flex-col">
+		<main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage="/history" language={language} />
 
 			<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
diff --git a/src/templates/Home.tsx b/src/templates/Home.tsx
index 5842291..056ad06 100644
--- a/src/templates/Home.tsx
+++ b/src/templates/Home.tsx
@@ -14,7 +14,7 @@ interface Props {
 
 export default function Home({language}: Props) {
 	return (
-		<main className={clsx("h-screen w-full bg-white text-mti-black flex flex-col", language === "ar" && "text-right")}>
+		<main className={clsx("h-screen w-full bg-white text-mti-black flex flex-col", language === "ar" && "text-right")} dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage="/" language={language} />
 
 			<section className="w-full relative bg-white">
diff --git a/src/templates/Price.tsx b/src/templates/Price.tsx
index f1cec90..3a8eb98 100644
--- a/src/templates/Price.tsx
+++ b/src/templates/Price.tsx
@@ -40,10 +40,9 @@ export default function Page({language}: {language: "en" | "ar"}) {
 		getData();
 	}, []);
 	return (
-		<main className="h-screen w-full bg-white text-mti-black flex flex-col">
+		<main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage="/price" language={language} />
-
-			<section className="w-full relative bg-white px-8 flex flex-col items-center text-center gap-4" dir={language === "ar" ? "rtl" : "ltr"}>
+			<section className="w-full relative bg-white px-8 flex flex-col items-center text-center gap-4">
 				<h2 className="text-3xl font-bold">{translation.title[language]}</h2>
 				<div className="grid grid-cols-2 gap-8">
 					{payments.map((p) => (
diff --git a/src/templates/Privacy.tsx b/src/templates/Privacy.tsx
index 8783ad8..71f7e44 100644
--- a/src/templates/Privacy.tsx
+++ b/src/templates/Privacy.tsx
@@ -22,16 +22,16 @@ interface Content {
 
 export default function Privacy({language}: Props) {
 	return (
-		<main className="h-screen w-full bg-white text-mti-black flex flex-col">
+		<main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage="/terms" language={language} />
 
-			<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16" dir={language === "ar" ? "rtl" : "ltr"}>
+			<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
 				<div className="w-full h-full flex flex-col items-center justify-center">
 					<Title>{translation.title[language]}</Title>
 				</div>
 			</section>
 
-			<section id="terms" className="w-full h-fit bg-white" dir={language === "ar" ? "rtl" : "ltr"}>
+			<section id="terms" className="w-full h-fit bg-white">
 				<div
 					className={clsx(
 						"w-full h-fit flex flex-col gap-8 p-8 md:p-20 container mx-auto",
diff --git a/src/templates/Services.tsx b/src/templates/Services.tsx
index 38272e2..0cb7310 100644
--- a/src/templates/Services.tsx
+++ b/src/templates/Services.tsx
@@ -195,7 +195,7 @@ export default function About({ language }: Props) {
     ));
 
   return (
-    <main className="h-screen w-full bg-white text-mti-black flex flex-col">
+    <main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
       <Navbar currentPage="/services" language={language} />
       <section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
         <div className="w-full h-full flex flex-col items-center justify-center">
diff --git a/src/templates/Terms.tsx b/src/templates/Terms.tsx
index 18c76c3..494b16d 100644
--- a/src/templates/Terms.tsx
+++ b/src/templates/Terms.tsx
@@ -22,16 +22,16 @@ interface Content {
 
 export default function Terms({language}: Props) {
 	return (
-		<main className="h-screen w-full bg-white text-mti-black flex flex-col">
+		<main className="h-screen w-full bg-white text-mti-black flex flex-col" dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage="/terms" language={language} />
 
-			<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16" dir={language === "ar" ? "rtl" : "ltr"}>
+			<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
 				<div className="w-full h-full flex flex-col items-center justify-center">
 					<Title>{translation.title[language]}</Title>
 				</div>
 			</section>
 
-			<section id="terms" className="w-full h-fit bg-white" dir={language === "ar" ? "rtl" : "ltr"}>
+			<section id="terms" className="w-full h-fit bg-white">
 				<div
 					className={clsx(
 						"w-full h-fit flex flex-col gap-8 p-8 md:p-20 container mx-auto",