added memoization
This commit is contained in:
@ -9,7 +9,7 @@ import {
|
|||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from "@/components/ui/card";
|
} from "@/components/ui/card";
|
||||||
import { Suspense } from "react";
|
import { memo, Suspense } from "react";
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from "@/components/ui/input";
|
||||||
import { Label } from "@/components/ui/label";
|
import { Label } from "@/components/ui/label";
|
||||||
import { Separator } from "@/components/ui/separator";
|
import { Separator } from "@/components/ui/separator";
|
||||||
@ -19,7 +19,7 @@ import { ArrowLeft, Loader2 } from "lucide-react";
|
|||||||
import { GoogleIcon } from "@/components/icons";
|
import { GoogleIcon } from "@/components/icons";
|
||||||
import { useLogin } from "@/hooks/auth/useLogin";
|
import { useLogin } from "@/hooks/auth/useLogin";
|
||||||
|
|
||||||
export default function LoginPage() {
|
const LoginPage = () => {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const {
|
const {
|
||||||
email,
|
email,
|
||||||
@ -137,4 +137,6 @@ export default function LoginPage() {
|
|||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export default memo(LoginPage);
|
||||||
|
@ -9,7 +9,7 @@ import {
|
|||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from "@/components/ui/card";
|
} from "@/components/ui/card";
|
||||||
import { Suspense } from "react";
|
import { memo, Suspense } from "react";
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from "@/components/ui/input";
|
||||||
import { Label } from "@/components/ui/label";
|
import { Label } from "@/components/ui/label";
|
||||||
import { Separator } from "@/components/ui/separator";
|
import { Separator } from "@/components/ui/separator";
|
||||||
@ -19,7 +19,7 @@ import { ArrowLeft, Loader2 } from "lucide-react";
|
|||||||
import { GoogleIcon } from "@/components/icons";
|
import { GoogleIcon } from "@/components/icons";
|
||||||
import { useSignUp } from "@/hooks/auth/useSignUp";
|
import { useSignUp } from "@/hooks/auth/useSignUp";
|
||||||
|
|
||||||
export default function SignUpPage() {
|
const SignUpPage = () => {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const {
|
const {
|
||||||
name,
|
name,
|
||||||
@ -157,4 +157,6 @@ export default function SignUpPage() {
|
|||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export default memo(SignUpPage);
|
||||||
|
Reference in New Issue
Block a user