fix: issues with fetching and submitting reviews

src/components/alerts/SubmitTranscriptAlert.tsx

@@ -125,7 +125,7 @@ const PromptStepOne = forwardRef<HTMLButtonElement, PromptOneProps>(
 PromptStepOne.displayName = "PromptStepOne";
 
 const PromptStepTwo = forwardRef<HTMLButtonElement, PromptTwoProps>(
-  ({ onCancel, prRepo, onSubmit }) => {
+  ({ onCancel, prRepo, onSubmit }, ref) => {
     return (
       <>
         <AlertDialogBody>
@@ -138,6 +138,7 @@ const PromptStepTwo = forwardRef<HTMLButtonElement, PromptTwoProps>(
         </AlertDialogBody>
         <AlertDialogFooter gap={3}>
           <Button
+            ref={ref}
             display="block"
             size="sm"
             mx="auto"

src/components/tables/CurrentJobsTable.tsx

@@ -16,21 +16,19 @@ import type { TableStructure } from "./types";
 import Image from "next/image";
 
 const CurrentJobsTable = () => {
+  const router = useRouter();
   const { data: userSession } = useSession();
-  const {
-    data: multipleStatusData,
-    isLoading,
-    isError,
-    refetch,
-  } = useUserMultipleReviews({
+
+  const { data, isLoading } = useUserMultipleReviews({
     userId: userSession?.user?.id,
-    multipleStatus: ["active"],
+    multipleStatus: ["pending", "active"],
   });
-
-  const router = useRouter();
+  const multipleStatusData = data?.data;
+  const refetch = data?.refetch;
+  const isError = data?.isError || false;
 
   const tableData = useMemo(() => {
-    let allData = multipleStatusData?.data ?? [];
+    let allData = (multipleStatusData && multipleStatusData.data) ?? [];
     if (!allData.length) return [];
 
     // return data restructured as ReviewTranscript[]
@@ -47,10 +45,9 @@ const CurrentJobsTable = () => {
 
   const ActionComponent = useCallback(
     ({ data }: { data: ReviewTranscript }) => {
-      const pendingIndex = multipleStatusData?.data?.findIndex(
-        (review) => review.id === data.review?.id
+      const pendingReview = multipleStatusData?.data?.find(
+        (review) => review.pr_url !== null
       );
-      const isPending = pendingIndex !== -1;
 
       const handleResume = () => {
         if (!data.review?.id) {
@@ -61,7 +58,7 @@ const CurrentJobsTable = () => {
       };
       return (
         <>
-          {isPending ? (
+          {Boolean(pendingReview) ? (
             <Link href={`${data.review?.pr_url}`} target="_blank">
               <Button colorScheme={"gray"} size="sm">
                 Under Review

src/components/tables/Pagination.tsx

@@ -1,6 +1,6 @@
 import { Button, Flex, Text } from "@chakra-ui/react";
 import { useRouter } from "next/router";
-import React, { Dispatch, SetStateAction, useLayoutEffect } from "react";
+import React, { Dispatch, SetStateAction, useEffect } from "react";
 
 type IPagination = {
   pages: number;
@@ -15,7 +15,7 @@ const Pagination = ({ pages, currentPage, setCurrentPage }: IPagination) => {
     });
     setCurrentPage(page);
   };
-  useLayoutEffect(() => {
+  useEffect(() => {
     if (router.query?.page) {
       setCurrentPage(Number(router.query?.page as string));
     }

src/components/tables/TransactionsTable.tsx

@@ -14,7 +14,7 @@ const tableStructure = [
     modifier: (data) => data.id,
   },
   {
-    name: "amount",
+    name: "amount (SAT)",
     type: "text-short",
     modifier: (data) => data.amount,
   },

src/pages/api/auth/[...nextauth].ts

@@ -4,9 +4,15 @@ import NextAuth, {
   GhExtendedProfile,
   NextAuthOptions,
   Session,
+  getServerSession,
 } from "next-auth";
 import GithubProvider from "next-auth/providers/github";
 import { DecodedJWT, UserSessionType } from "../../../../types";
+import {
+  GetServerSidePropsContext,
+  NextApiRequest,
+  NextApiResponse,
+} from "next";
 
 export const authOptions: NextAuthOptions = {
   // Configure one or more authentication providers
@@ -86,3 +92,12 @@ export const authOptions: NextAuthOptions = {
   secret: process.env.NEXTAUTH_SECRET,
 };
 export default NextAuth(authOptions);
+
+export function auth(
+  ...args:
+    | [GetServerSidePropsContext["req"], GetServerSidePropsContext["res"]]
+    | [NextApiRequest, NextApiResponse]
+    | []
+) {
+  return getServerSession(...args, authOptions);
+}

src/pages/api/github/pr.ts

@@ -3,7 +3,7 @@ import config from "@/config/config.json";
 import { deriveFileSlug, Metadata, newIndexFile } from "@/utils";
 import { Octokit } from "@octokit/core";
 import type { NextApiRequest, NextApiResponse } from "next";
-import { getSession } from "next-auth/react";
+import { auth } from "../auth/[...nextauth]";
 
 async function createForkAndPR(
   octokit: InstanceType<typeof Octokit>,
@@ -137,7 +137,7 @@ export default async function handler(
   res: NextApiResponse
 ) {
   // Check if the user is authenticated
-  const session = await getSession({ req });
+  const session = await auth(req, res);
   if (!session || !session.accessToken || !session.user?.githubUsername) {
     return res.status(401).json({ message: "Unauthorized" });
   }

src/services/api/reviews/useUserReviews.ts

@@ -52,9 +52,14 @@ export const useUserMultipleReviews = ({
       };
     }),
   });
+  const resultQuery = queryInfo.find(
+    (query) => query.data && query.data.totalItems !== 0
+  );
+  const result = resultQuery && resultQuery.data ? resultQuery : null;
   return {
-    ...queryInfo[0],
-    isLoading:
-      queryInfo[0].isLoading && queryInfo[0].fetchStatus === "fetching",
+    data: result,
+    isLoading: queryInfo.some(
+      (query) => query.isLoading && query.fetchStatus === "fetching"
+    ),
   };
 };