From 7efcf366f25d320d7a2d3234f35d5b192edc344e Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Sat, 23 Mar 2024 14:27:44 -0400
Subject: [PATCH] Add pageTitles to recently created pages"

---
 src/assets/locales/en.json | 2 ++
 src/pages/TopFlix.tsx      | 2 ++
 src/pages/TopSources.tsx   | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 7aa5e3a0..ea8d6ef3 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -109,6 +109,8 @@
     "pages": {
       "about": "About",
       "dmca": "DMCA",
+      "topSources": "Top Sources",
+      "topFlix": "Top Flix",
       "support": "Support",
       "login": "Login",
       "onboarding": "Setup",
diff --git a/src/pages/TopFlix.tsx b/src/pages/TopFlix.tsx
index 78b2c1d8..c621e9ec 100644
--- a/src/pages/TopFlix.tsx
+++ b/src/pages/TopFlix.tsx
@@ -7,6 +7,7 @@ import { Divider } from "@/components/utils/Divider";
 import { Heading1, Paragraph } from "@/components/utils/Text";
 
 import { SubPageLayout } from "./layouts/SubPageLayout";
+import { PageTitle } from "./parts/util/PageTitle";
 
 export function Button(props: {
   className: string;
@@ -240,6 +241,7 @@ export function TopFlix() {
   return (
     <SubPageLayout>
       <ThiccContainer>
+        <PageTitle subpage k="global.pages.topFlix" />
         <div className="mt-8 w-full px-8 cursor-default">
           <Heading1>Top flix</Heading1>
           <Paragraph className="mb-6">
diff --git a/src/pages/TopSources.tsx b/src/pages/TopSources.tsx
index 77bd8a10..1913ef43 100644
--- a/src/pages/TopSources.tsx
+++ b/src/pages/TopSources.tsx
@@ -6,6 +6,7 @@ import { Divider } from "@/components/utils/Divider";
 import { Heading1, Paragraph } from "@/components/utils/Text";
 
 import { SubPageLayout } from "./layouts/SubPageLayout";
+import { PageTitle } from "./parts/util/PageTitle";
 import { Button } from "./TopFlix";
 
 function ConfigValue(props: { name: string; children?: ReactNode }) {
@@ -99,6 +100,7 @@ export function TopSources() {
   return (
     <SubPageLayout>
       <ThiccContainer>
+        <PageTitle subpage k="global.pages.topSources" />
         <div className="mt-8 w-full px-8 cursor-default">
           <Heading1>Top sources</Heading1>
           <Paragraph className="mb-6">