feat: about page

Author: iamEvanYT

src/renderer/src/lib/i18n.ts

@@ -60,4 +60,8 @@ export function useIconsTranslations() {
   return useTranslation("icons");
 }
 
+export function usePagesTranslations() {
+  return useTranslation("pages");
+}
+
 export default i18n;

src/renderer/src/routes/about/page.tsx

@@ -3,8 +3,11 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
 import { Button } from "@/components/ui/button";
 import { motion } from "motion/react";
 import { copyTextToClipboard } from "@/lib/utils";
+import { usePagesTranslations } from "@/lib/i18n";
 
 function Page() {
+  const { t: tPages } = usePagesTranslations();
+
   const hostnames = ["about", "new-tab", "games", "omnibox", "error", "extensions"];
 
   return (
@@ -17,8 +20,8 @@ function Page() {
       >
         <Card className="border-border shadow-lg">
           <CardHeader>
-            <CardTitle className="text-3xl font-bold">Flow URLs</CardTitle>
-            <CardDescription>A list of available Flow browser URLs</CardDescription>
+            <CardTitle className="text-3xl font-bold">{tPages("about.title")}</CardTitle>
+            <CardDescription>{tPages("about.description")}</CardDescription>
           </CardHeader>
           <CardContent>
             <div className="space-y-4">

src/shared/locales/en-US/pages.json

@@ -0,0 +1,4 @@
+{
+  "about.title": "Flow URLs",
+  "about.description": "A list of available Flow browser URLs"
+}