feat: app context

frontend/src/pages/continue-page.tsx

@@ -7,22 +7,21 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { Code } from "@/components/ui/code";
+import { useAppContext } from "@/context/app-context";
 import { isValidUrl } from "@/lib/utils";
 import { Trans, useTranslation } from "react-i18next";
 import { Navigate, useNavigate } from "react-router";
 
 export const ContinuePage = () => {
-  const { t } = useTranslation();
-  const navigate = useNavigate();
   const params = new URLSearchParams(window.location.search);
+  const redirectURI = params.get("redirect_uri");
 
-  const redirectURI = params.get("redirect_uri") ?? "";
+  const { domain, disableContinue } = useAppContext();
+  const { t } = useTranslation();
 
-  //psuedo
-  const domain = "127.0.0.1";
-  const disableContinue = false;
+  const navigate = useNavigate();
 
-  if (redirectURI === "") {
+  if (!redirectURI) {
     return <Navigate to="/" />;
   }
 

frontend/src/pages/forgot-password-page.tsx

@@ -4,10 +4,12 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
+import { useAppContext } from "@/context/app-context";
 import { useTranslation } from "react-i18next";
 import Markdown from "react-markdown";
 
 export const ForgotPasswordPage = () => {
+  const { forgotPasswordMessage } = useAppContext();
   const { t } = useTranslation();
 
   return (
@@ -15,10 +17,7 @@ export const ForgotPasswordPage = () => {
       <CardHeader>
         <CardTitle className="text-3xl">{t("forgotPasswordTitle")}</CardTitle>
         <CardDescription>
-          <Markdown>
-            You can reset your password by changing the `USERS` environment
-            variable.
-          </Markdown>
+          <Markdown>{forgotPasswordMessage}</Markdown>
         </CardDescription>
       </CardHeader>
     </Card>

frontend/src/pages/login-page.tsx

@@ -11,12 +11,12 @@ import {
 } from "@/components/ui/card";
 import { OAuthButton } from "@/components/ui/oauth-button";
 import { SeperatorWithChildren } from "@/components/ui/separator";
+import { useAppContext } from "@/context/app-context";
 import { useTranslation } from "react-i18next";
 
 export const LoginPage = () => {
+  const { configuredProviders, title } = useAppContext();
   const { t } = useTranslation();
-  const configuredProviders = ["google", "github", "generic", "username"];
-  const title = "Tinyauth";
 
   const oauthConfigured =
     configuredProviders.filter((provider) => provider !== "username").length >

frontend/src/pages/logout-page.tsx

@@ -7,14 +7,15 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { Code } from "@/components/ui/code";
-import { capitalize } from "@/utils/utils";
+import { useAppContext } from "@/context/app-context";
+import { capitalize } from "@/lib/utils";
 import { Trans, useTranslation } from "react-i18next";
 
 export const LogoutPage = () => {
+  const { genericName } = useAppContext();
   const { t } = useTranslation();
 
   const provider = "google";
-  const genericName = "generic";
   const username = "username";
   const email = "smbd@example.com";
 

frontend/src/pages/unauthorized-page.tsx

@@ -8,7 +8,7 @@ import {
 } from "@/components/ui/card";
 import { Code } from "@/components/ui/code";
 import { Trans, useTranslation } from "react-i18next";
-import { Navigate } from "react-router";
+import { Navigate, useNavigate } from "react-router";
 
 export const UnauthorizedPage = () => {
   const searchParams = new URLSearchParams(window.location.search);
@@ -17,6 +17,7 @@ export const UnauthorizedPage = () => {
   const groupErr = searchParams.get("groupErr");
 
   const { t } = useTranslation();
+  const navigate = useNavigate();
 
   if (!username) {
     return <Navigate to="/" />;
@@ -51,7 +52,7 @@ export const UnauthorizedPage = () => {
         </CardDescription>
       </CardHeader>
       <CardFooter className="flex flex-col items-stretch">
-        <Button onClick={() => window.location.replace("/")}>
+        <Button onClick={() => navigate("/login")}>
           {t("unauthorizedButton")}
         </Button>
       </CardFooter>