added viewer for pdf type document

src/components/Expenses/ViewExpense.jsx

@@ -1,5 +1,9 @@
 import React, { useState, useMemo } from "react";
-import { useActionOnExpense, useExpense, useHasAnyPermission } from "../../hooks/useExpense";
+import {
+  useActionOnExpense,
+  useExpense,
+  useHasAnyPermission,
+} from "../../hooks/useExpense";
 import { formatUTCToLocalTime } from "../../utils/dateUtils";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -11,12 +15,14 @@ import { useHasUserPermission } from "../../hooks/useHasUserPermission";
 import { REVIEW_EXPENSE } from "../../utils/constants";
 import { useProfile } from "../../hooks/useProfile";
 import { useSelector } from "react-redux";
+import { useNavigate } from "react-router-dom";
 
 const ViewExpense = ({ ExpenseId }) => {
   const { data, isLoading, isError, error } = useExpense(ExpenseId);
   const IsReview = useHasUserPermission(REVIEW_EXPENSE);
   const [imageLoaded, setImageLoaded] = useState({});
   const { setDocumentView } = useExpenseContext();
+  const navigate = useNavigate();
   const {
     register,
     handleSubmit,
@@ -31,12 +37,11 @@ const ViewExpense = ({ ExpenseId }) => {
     },
   });
 
-const userPermissions = useSelector(
+  const userPermissions = useSelector(
     (state) => state?.globalVariables?.loginUser?.featurePermissions || []
-);
+  );
 
-
+  const nextStatusWithPermission = useMemo(() => {
-const nextStatusWithPermission = useMemo(() => {
     if (!Array.isArray(data?.nextStatus)) return [];
 
     return data.nextStatus.filter((status) => {
@@ -48,9 +53,7 @@ const nextStatusWithPermission = useMemo(() => {
 
       return permissionIds.some((id) => userPermissions.includes(id));
     });
-}, [data, userPermissions]);
+  }, [data, userPermissions]);
-
-
 
   const { mutate: MakeAction } = useActionOnExpense(() => reset());
 
@@ -286,8 +289,7 @@ const nextStatusWithPermission = useMemo(() => {
             </div>
           )}
         </div>
-)}
+      )}
-
     </form>
   );
 };