Fix url dashboard bug

src/backend/partaj/core/api/referral_lite.py

@@ -887,7 +887,7 @@ def dashboard(self, request, *args, **kwargs):
         permission_classes=[IsAuthenticated],
     )
     # pylint: disable=too-many-locals,too-many-branches,too-many-statements,consider-using-set-comprehension
-    def unit_dashboard(self, request, *args, **kwargs):
+    def unit(self, request, *args, **kwargs):
         """
         Handle requests for lists of referrals in unit dashboard. We're managing access rights inside the method
         as permissions depend on the supplied parameters.

src/frontend/js/components/NewDashboard/ReferralTable.tsx

@@ -115,11 +115,9 @@ export const ReferralTable: React.FC<{
     resetFilters,
   } = useDashboardContext();
 
-  const { path } = useRouteMatch();
-
   const formatDate = (date: string) => new Date(date).toLocaleDateString();
   const navigateToReferral = (referral: ReferralLite) => {
-    history.push(`${path}/referral-detail/${referral.id}`);
+    history.push(`/${url}/referral-detail/${referral.id}`);
   };
 
   const columns: Column[] = [

src/frontend/js/components/Root/index.tsx

@@ -31,6 +31,7 @@ import { NoteDetailView } from '../Notes/NoteDetailView';
 import { ReferralForm } from '../ReferralForm';
 import { Dashboard } from '../Dashboard';
 import { UnitDashboard } from '../UnitDashboard';
+import { ReferralDetail } from '../ReferralDetail';
 
 const PAGE_ENTRYPOINT_ELEMENT_ID = 'page-entrypoint';
 
@@ -158,7 +159,15 @@ export const Root: React.FC = () => {
                   to="/unit/referral-detail/:referralId"
                 />
 
-                <Route path="/unit/:unitId">
+                <Route path="/unit/referral-detail/:referralId">
+                  <ReferralDetail />
+                  <Crumb
+                    key="dashboard-referral-detail"
+                    title={<FormattedMessage {...messages.crumbUnit} />}
+                  />
+                </Route>
+
+                <Route exact path="/unit/:unitId">
                   <UnitDashboard />
                   <Crumb
                     key="unit"

src/frontend/js/components/UnitDashboard.tsx

@@ -17,7 +17,7 @@ export const UnitDashboard: React.FC = () => {
             <DashboardProvider forceFilters={['contributors_unit_names']}>
               <NewDashboard
                 forceFilters={['contributors_unit_names']}
-                url={'unit_dashboard'}
+                url={'unit'}
                 unitId={unitId}
               />
             </DashboardProvider>