fixing typescript warning/errors

tnylea · tnylea · commit 3e5f9d1252cf · 2025-01-28T10:44:36.000-05:00
diff --git a/resources/js/layouts/auth-layout.tsx b/resources/js/layouts/auth-layout.tsx
@@ -2,9 +2,13 @@ import AuthLayoutTemplate from '@/layouts/auth/auth-simple-layout';
 
 export default function AuthLayout({
     children,
-    ...props // Collect all other props passed to this component
+    title,
+    description,
+    ...props
 }: {
     children: React.ReactNode;
+    title: string;
+    description: string;
 }) {
-    return <AuthLayoutTemplate {...props}>{children}</AuthLayoutTemplate>;
+    return <AuthLayoutTemplate title={title} description={description} {...props}>{children}</AuthLayoutTemplate>;
 }
diff --git a/resources/js/layouts/auth/auth-split-layout.tsx b/resources/js/layouts/auth/auth-split-layout.tsx
@@ -1,5 +1,6 @@
 import AppLogoIcon from '@/components/app-logo-icon';
 import { Link, usePage } from '@inertiajs/react';
+import { type SharedData } from '@/types';
 
 interface AuthLayoutProps {
     children: React.ReactNode;
@@ -8,7 +9,7 @@ interface AuthLayoutProps {
 }
 
 export default function AuthSplitLayout({ children, title, description }: AuthLayoutProps) {
-    const { name, quote } = usePage().props;
+    const { name, quote } = usePage<SharedData>().props;
 
     return (
         <div className="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
diff --git a/resources/js/pages/auth/confirm-password.tsx b/resources/js/pages/auth/confirm-password.tsx
@@ -29,7 +29,7 @@ export default function ConfirmPassword() {
             <Head title="Confirm Password" />
 
             <form onSubmit={submit}>
-                <div class="space-y-6">
+                <div className="space-y-6">
                     <div className="grid gap-2">
                         <Input
                             id="password"
diff --git a/resources/js/pages/auth/forgot-password.tsx b/resources/js/pages/auth/forgot-password.tsx
@@ -25,7 +25,7 @@ export default function ForgotPassword({ status }: { status?: string }) {
         <AuthLayout title="Forgot Password" description="Enter your email to receive a password reset link">
             <Head title="Forgot Password" />
 
-            {status && <div className="mb-4 text-sm font-medium text-green-600">{status}</div>}
+            {status && <div className="mb-4 text-sm font-medium text-center text-green-600">{status}</div>}
 
             <div className="space-y-6">
                 <form onSubmit={submit}>
diff --git a/resources/js/pages/auth/reset-password.tsx b/resources/js/pages/auth/reset-password.tsx
@@ -72,7 +72,7 @@ export default function ResetPassword({ token, email }: ResetPasswordProps) {
                     </div>
 
                     <div className="grid gap-2">
-                        <Label htmlFor="password_confirmation">Confirm Password</Label>
+                        <Label htmlFor="password_confirmation">Confirm password</Label>
                         <Input
                             id="password_confirmation"
                             type="password"
