Admin Authentication

components/Layout/DefaultLayout.tsx

@@ -16,6 +16,13 @@ const DefaultLayout = ({ children }: PropsWithChildren) => {
   const [animation, setAnimation] = useState(themeConfig.animation);
   const dispatch = useDispatch();
 
+  const user = useSelector((state: any) => state.user?.user);
+  useEffect(() => {
+    if (!user || user.length == 0) {
+      router.push("/admin/login");
+    }
+  }, [router, user]);
+
   const goToTop = () => {
     document.body.scrollTop = 0;
     document.documentElement.scrollTop = 0;

components/RecentSection.tsx

@@ -4,7 +4,6 @@ import RecentCard from "./RecentCard";
 
 const RecentSection = () => {
   const histories = useSelector((state: any) => state.history?.recentSurahs);
-  console.log("h", histories);
 
   return (
     <div className="container text-white py-5 px-5">

controllers/AuthController.ts

@@ -0,0 +1,12 @@
+import { db } from "@/database";
+
+export class AuthController {
+  static login = async (data: { email: string; password: string }) => {
+    return await db("users")
+      .where({
+        mail: data.email,
+        password: data.password,
+      })
+      .first();
+  };
+}