External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-21 14:38:00 -03:30
Code Issues Packages Projects Releases Wiki Activity

Wrap breadcrumb function in useCallback to prevent infinite requests on org tabs

Browse Source
This commit is contained in:
mabashian 2020-12-17 09:19:44 -05:00
parent 793764283d
commit 82f6799c34
1 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
awx/ui_next/src/screens/Organization/Organizations.jsx
View File

@ -1,4 +1,4 @@
import React, { useState, Fragment } from 'react';
import React, { useCallback, useState, Fragment } from 'react';
import { Route, withRouter, Switch, useRouteMatch } from 'react-router-dom';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';
@ -17,25 +17,28 @@ function Organizations({ i18n }) {
'/organizations/add': i18n._(t`Create New Organization`),
});
const setBreadcrumb = organization => {
if (!organization) {
return;
}
const setBreadcrumb = useCallback(
organization => {
if (!organization) {
return;
}
const breadcrumb = {
'/organizations': i18n._(t`Organizations`),
'/organizations/add': i18n._(t`Create New Organization`),
[`/organizations/${organization.id}`]: `${organization.name}`,
[`/organizations/${organization.id}/edit`]: i18n._(t`Edit Details`),
[`/organizations/${organization.id}/details`]: i18n._(t`Details`),
[`/organizations/${organization.id}/access`]: i18n._(t`Access`),
[`/organizations/${organization.id}/teams`]: i18n._(t`Teams`),
[`/organizations/${organization.id}/notifications`]: i18n._(
t`Notifications`
),
};
setBreadcrumbConfig(breadcrumb);
};
const breadcrumb = {
'/organizations': i18n._(t`Organizations`),
'/organizations/add': i18n._(t`Create New Organization`),
[`/organizations/${organization.id}`]: `${organization.name}`,
[`/organizations/${organization.id}/edit`]: i18n._(t`Edit Details`),
[`/organizations/${organization.id}/details`]: i18n._(t`Details`),
[`/organizations/${organization.id}/access`]: i18n._(t`Access`),
[`/organizations/${organization.id}/teams`]: i18n._(t`Teams`),
[`/organizations/${organization.id}/notifications`]: i18n._(
t`Notifications`
),
};
setBreadcrumbConfig(breadcrumb);
},
[i18n]
);
return (
<Fragment>