🐛 fix

lib/server/ads-scraper.ts → app/api/ads/route.ts

@@ -1,18 +1,19 @@
-"use server";
-
-import got from "got";
+import { NextResponse } from "next/server";
 import { parse } from "node-html-parser";
 
-export async function GetAds() {
+export async function GET() {
   try {
     const url = "https://souq.iium.edu.my/embeded";
 
-    const response = await got(url, {
-      https: { rejectUnauthorized: false },
-      followRedirect: false,
-    });
+    const response = await fetch(url);
+
+    if (!response.ok) {
+      throw new Error("Failed to fetch data");
+    }
 
-    const root = parse(response.body);
+    const body = await response.text();
+
+    const root = parse(body);
     const articles = root.querySelectorAll(
       'div[style*="width:100%; clear:both;height:100px"]',
     );
@@ -42,12 +43,16 @@ export async function GetAds() {
       });
     }
 
-    return {
+    return NextResponse.json({
       success: true,
       data: structuredData,
-    };
+    });
   } catch (error) {
     console.error("Error fetching data:", error);
-    throw new Error("Failed to fetch data");
+    // throw new Error("Failed to fetch data");
+    return NextResponse.json(
+      { error: "Failed to fetch data" },
+      { status: 500 },
+    );
   }
 }

app/api/login/route.ts

@@ -18,6 +18,9 @@ export async function POST(request: NextRequest) {
 
   const json = await res.json();
 
+  // Clear the cookie
+  cookies().delete("MOD_AUTH_CAS");
+
   cookies().set("MOD_AUTH_CAS", json.data.token, {
     path: "/",
   });

app/api/profile/route.ts

@@ -4,14 +4,14 @@ import { type NextRequest, NextResponse } from "next/server";
 import { parse } from "node-html-parser";
 
 export async function GET(request: NextRequest) {
-  const params = request.nextUrl.searchParams;
-
-  const username = params.get("username");
+  const username = request.nextUrl.searchParams.get("username");
 
   if (!username) {
     return NextResponse.json({ error: "Invalid username" }, { status: 400 });
   }
 
+  console.log("username: ", username);
+
   try {
     const response = await fetch(IMALUUM_HOME_PAGE, {
       headers: {
@@ -45,6 +45,7 @@ export async function GET(request: NextRequest) {
     }
 
     const imageURL = `https://smartcard.iium.edu.my/packages/card/printing/camera/uploads/original/${username.trim()}.jpeg`;
+    console.log("imageURL: ", imageURL);
     const name =
       hiddenTextSelector.textContent?.trim().replace(/\s+/g, " ") ?? "";
 

components/LoginForm.tsx

@@ -13,11 +13,9 @@ import { Input } from "@/components/ui/input";
 import useProfile from "@/hooks/useProfile";
 import useResult from "@/hooks/useResult";
 import useSchedule from "@/hooks/useSchedule";
-import { ImaluumLogin } from "@/lib/server/auth";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
 import { useRouter } from "next/navigation";
-import type { CSSProperties, HTMLAttributes } from "react";
 import { useForm } from "react-hook-form";
 import toast from "react-hot-toast";
 import * as z from "zod";
@@ -31,8 +29,6 @@ const formSchema = z.object({
   }),
 });
 
-type Props = {} & HTMLAttributes<HTMLFormElement> & CSSProperties;
-
 const LoginForm = () => {
   const { reset: ProfileReset, setProfile } = useProfile();
   const { reset: ScheduleReset } = useSchedule();
@@ -76,7 +72,6 @@ const LoginForm = () => {
         imageURL: "",
       });
       router.replace("/dashboard");
-      console.log("reroute");
     },
     onError: (err) => {
       console.log(err);

components/ProfileDropdown.tsx

@@ -8,7 +8,6 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import useProfile from "@/hooks/useProfile";
-import { ImaluumLogout } from "@/lib/server/auth";
 import { useQueryClient } from "@tanstack/react-query";
 import { useRouter } from "next/navigation";
 import toast from "react-hot-toast";
@@ -55,15 +54,15 @@ export default function ProfileDropdown() {
 
         <DropdownMenuItem
           className="cursor-pointer focus:bg-red-600/50"
-          onClick={async () => {
-            const res = await ImaluumLogout();
-            if (res.success) {
-              localStorage.clear();
-              queryClient.invalidateQueries();
-              toast.success("Logged out successfully.");
-              router.replace("/");
-            }
-          }}
+          // onClick={async () => {
+          //   const res = await ImaluumLogout();
+          //   if (res.success) {
+          //     localStorage.clear();
+          //     queryClient.invalidateQueries();
+          //     toast.success("Logged out successfully.");
+          //     router.replace("/");
+          //   }
+          // }}
         >
           Log out
         </DropdownMenuItem>

components/dashboard/Advertisements.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { GetAds } from "@/lib/server/ads-scraper";
 import { useQuery } from "@tanstack/react-query";
 import Link from "next/link";
 import { AiOutlineLink } from "react-icons/ai";
@@ -11,7 +10,18 @@ const Advertisement = ({ className }: { className: string }) => {
   const { data: ads, isLoading: loading } = useQuery({
     queryKey: ["ads"],
     queryFn: async () => {
-      const data = await GetAds();
+      // const data = await GetAds();
+      // if (data.success) {
+      //   return data.data;
+      // }
+
+      const res = await fetch("/api/ads");
+      if (!res.ok) {
+        throw new Error("Failed to fetch data");
+      }
+
+      const data = await res.json();
+
       if (data.success) {
         return data.data;
       }

context/ImaluumProvider.tsx

@@ -4,9 +4,6 @@ import LoadingScreen from "@/components/loading-screen";
 import useProfile from "@/hooks/useProfile";
 import useResult from "@/hooks/useResult";
 import useSchedule from "@/hooks/useSchedule";
-import { GetUserProfile } from "@/lib/server/profile-scraper";
-import { GetResult } from "@/lib/server/result-scraper";
-import { GetSchedule } from "@/lib/server/schedule-scraper";
 import { useQuery } from "@tanstack/react-query";
 
 const ImaluumProvider = ({ children }: { children: React.ReactNode }) => {
@@ -17,8 +14,6 @@ const ImaluumProvider = ({ children }: { children: React.ReactNode }) => {
   const profileData = useQuery({
     queryKey: ["profile"],
     queryFn: async () => {
-      // const data = await GetUserProfile(profile?.matricNo as string);
-
       const res = await fetch(`/api/profile?username=${profile?.matricNo}`);
 
       if (!res.ok) {