add metadata

app/(protected)/admin/page.tsx

@@ -5,8 +5,6 @@ import { RoleGate } from "@/components/auth/role-gate";
 import { FormSuccess } from "@/components/form-success";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
-
-import { useCurrentRole } from "@/hooks/use-current-role";
 import { toast } from "sonner";
 
 const AdminPage = () => {

app/(protected)/layout.tsx

@@ -1,9 +1,14 @@
 import { Navbar } from "./_components/navbar";
+import type { Metadata } from 'next';
 
 interface ProtectedLayoutProps {
   children: React.ReactNode
 }
 
+export const metadata: Metadata = {
+  title: 'Dashboard - Flame Auth',
+}
+
 const ProtectedLayout = ({ children }: ProtectedLayoutProps) => {
   return (
     <div className="h-full w-full flex flex-col gap-y-10 items-center justify-center bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-400 to-blue-800">

app/(protected)/settings/page.tsx

@@ -61,6 +61,8 @@ const SettingsPage = () => {
   });
 
   const onSubmit = (values: z.infer<typeof SettingsSchema>) => {
+    setError(undefined);
+    setSuccess(undefined);
     startTransition(() => {
       settings(values)
         .then((data) => {

app/auth/error/page.tsx

@@ -1,4 +1,9 @@
 import { ErrorCard } from "@/components/auth/error-card";
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Error - Flame Auth',
+}
 
 const AuthErrorPage = () => {
   return (

app/auth/login/page.tsx

@@ -1,4 +1,9 @@
 import { LoginForm } from "@/components/auth/login-form";
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Login - Flame Auth',
+}
 
 const LoginPage = () => {
   return (

app/auth/new-password/page.tsx

@@ -1,4 +1,9 @@
 import { NewPasswordForm } from "@/components/auth/new-password-form";
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'New Password - Flame Auth',
+}
 
 const NewPasswordPage = () => {
   return (

app/auth/new-verification/page.tsx

@@ -1,4 +1,9 @@
 import { NewVerificationForm } from "@/components/auth/new-verification-form";
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'New Verification - Flame Auth',
+}
 
 const NewVerificationPage = () => {
   return (

app/auth/register/page.tsx

@@ -1,4 +1,9 @@
 import { RegisterForm } from "@/components/auth/register-form";
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Register - Flame Auth',
+}
 
 const RegisterPage = () => {
   return (

app/auth/reset/page.tsx

@@ -1,4 +1,9 @@
 import { ResetForm } from "@/components/auth/reset-form";
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Reset - Flame Auth',
+}
 
 const ResetPage = () => {
   return (

app/layout.tsx

@@ -8,8 +8,14 @@ import { Toaster } from '@/components/ui/sonner'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'Flame Auth',
+  description: 'Authentication Library using Authjs and Nextjs',
+  icons: [
+    { rel: "apple-touch-icon", sizes: "180x180", url: "/apple-touch-icon.png" },
+    { rel: "icon", type: "image/png", sizes: "32x32", url: "/apple-touch-icon.png" },
+    { rel: "icon", type: "image/png", sizes: "16x16", url: "/apple-touch-icon.png" },
+    { rel: "manifest", url: "/site.webmanifest" },
+  ] 
 }
 
 export default async function RootLayout({

components/auth/login-form.tsx

@@ -26,7 +26,7 @@ import { login } from "@/actions/login";
 export const LoginForm = () => {
   const searchParams = useSearchParams();
   const callbackUrl = searchParams.get("callbackUrl");
-  const urlError = searchParams.get("error") === "OAuthAccountNotLinked" ? "Email already in use with different provider" : "";
+  const urlError = searchParams.get("error") ? (searchParams.get("error") === "OAuthAccountNotLinked" ? "Email already in use with different provider" : "Something went wrong") : "";
 
   const [showTwoFactor, setShowTwoFactor] = useState(false);
   const [error, setError] = useState<string | undefined>("");

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}