Merge pull request #163 from 0101oak/oak/new-orders-route-fix

wip

Author: ijustseeblood

src/components/managers/orders/orderDetails.tsx

@@ -3,7 +3,7 @@ import { Button, Grid, TextField, Typography } from '@mui/material';
 import CircularProgress from '@mui/material/CircularProgress';
 import IconButton from '@mui/material/IconButton';
 import { DataGrid, GridPaginationModel } from '@mui/x-data-grid';
-import { MakeGenerics, useMatch, useNavigate } from '@tanstack/react-location';
+import { MakeGenerics, useMatch } from '@tanstack/react-location';
 import { getDictionary } from 'api/admin';
 import {
   deliveredOrderUpdate,
@@ -20,6 +20,8 @@ import { useEffect, useState } from 'react';
 import styles from 'styles/order.scss';
 import { formatDateTime, getOrderStatusName, getStatusColor } from './utility';
 
+const BASE_PATH = process.env.NODE_ENV === 'production' ? '/grbpwr-admin-client' : '';
+
 export type OrderDetailsPathProps = MakeGenerics<{
   Params: {
     uuid: string;
@@ -97,16 +99,14 @@ export const OrderDetails = () => {
     setOrderStatus(getOrderStatusName(dictionary, orderDetails?.order?.orderStatusId));
   }, [orderDetails, dictionary]);
 
-  const navigate = useNavigate();
-
   const orderItemsColumns = [
     {
       field: 'thumbnail',
       headerName: '',
       width: 200,
       renderCell: (params: any) => (
         <a
-          href={`${ROUTES.singleProduct}/${params.row.orderItem.productId}`}
+          href={`${BASE_PATH}/#${ROUTES.singleProduct}/${params.row.orderItem.productId}`}
           target='_blank'
           style={{
             cursor: 'pointer',