@autobusal/admin-agents 1.0.1 → 1.1.0

package/Browse.tsx

@@ -1,7 +1,7 @@
 import { TFunction } from 'i18next';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { Meta, ContactInfo, Avatar, Table, Row } from '@autobusal/common';
-import { usePage } from '@autobusal/hooks';
+import { usePage, useBreadcrumbs } from '@autobusal/hooks';
 import { DisplayStatus, getParams, success } from '@autobusal/utilities';
 import { useGetAgents, useDeleteAgent } from './services';
 
@@ -15,6 +15,8 @@ const Browse = ({ url, t }: Props): JSX.Element => {
 
   usePage('agents');
 
+  useBreadcrumbs(t('admin_agents.browse.title', { ns: 'common' }));
+
   const { data, isLoading, isFetching, refetch } = useGetAgents(getParams(searchParams, ['page', 'sort', 'order', 'q']));
 
   const { mutate: Delete } = useDeleteAgent();

package/Manage.tsx

@@ -1,7 +1,7 @@
 import { TFunction } from 'i18next';
 import { useParams, useNavigate, useSearchParams } from 'react-router-dom';
 import { Meta, BackWithTitle, Viewer, IpLogs, ApiDetails } from '@autobusal/common';
-import { usePage, useSubscriptions, useOperators } from '@autobusal/hooks';
+import { usePage, useBreadcrumbs, useSubscriptions, useOperators } from '@autobusal/hooks';
 import { GetStatus, getAllowed, success } from '@autobusal/utilities';
 import { AgentData } from '@autobusal/providers/types/agents';
 import { useGetAgent, usePostAgent, useDeleteAgent } from './services';
@@ -25,7 +25,11 @@ const Manage = ({ url, t }: Props): JSX.Element => {
   const subscriptions = useSubscriptions('agent');
   const operators = useOperators();
 
-  const { data } = useGetAgent(id);
+  const { data, isFetching } = useGetAgent(id);
+  
+  const title = id > 0 ? t('admin_agents.manage.title.update', { company: data?.company, ns: 'common' }) : t('admin_agents.manage.title.new', { ns: 'common' });
+
+  useBreadcrumbs(title, [{ name: t('admin_agents.browse.title', { ns: 'common' }), url }]);
 
   const { mutate: Update, isPending: isPendingSave } = usePostAgent(id);
 
@@ -50,8 +54,6 @@ const Manage = ({ url, t }: Props): JSX.Element => {
       }
     });
   };
-  
-  const title = id > 0 ? t('admin_agents.manage.title.update', { company: data?.company, ns: 'common' }) : t('admin_agents.manage.title.new', { ns: 'common' });
 
   return (
     <Meta title={ title }>
@@ -240,6 +242,7 @@ const Manage = ({ url, t }: Props): JSX.Element => {
             />
           )
         }] }
+        fetching={ isFetching }
         pending={ isPendingSave || isPendingDelete }
         t={ t }
         actions={ [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/admin-agents",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "type": "module",
   "main": "index.ts"
 }