katello 4.12.1 → 4.13.0

data/webpack/global_index.js

@@ -2,8 +2,10 @@ import React from 'react';
 import { addGlobalFill } from 'foremanReact/components/common/Fill/GlobalFill';
 import { registerReducer } from 'foremanReact/common/MountingService';
 import { translate as __ } from 'foremanReact/common/I18n';
+import { registerColumns } from 'foremanReact/components/HostsIndex/Columns/core';
 import componentRegistry from 'foremanReact/components/componentRegistry';
 
+import hostsIndexColumnExtensions from './ForemanColumnExtensions/index';
 import SystemStatuses from './components/extensions/about';
 import {
   RegistrationCommands,
@@ -30,6 +32,7 @@ import HostDetailsActionsBar from './components/extensions/HostDetails/ActionsBa
 import HostsIndexActionsBar from './components/extensions/Hosts/ActionsBar';
 import RecentCommunicationCardExtensions from './components/extensions/HostDetails/DetailsTabCards/RecentCommunicationCardExtensions';
 import SystemPurposeCard from './components/extensions/HostDetails/Cards/SystemPurposeCard/SystemPurposeCard';
+import BulkChangeHostCVModal from './components/extensions/Hosts/BulkActions/BulkChangeHostCVModal/index.js';
 
 
 import ActivationKeysSearch from './components/ActivationKeysSearch';
@@ -85,6 +88,12 @@ addGlobalFill(
 
 addGlobalFill('host-tab-details-cards', 'HW properties', <HwPropertiesCard key="hw-properties" />, 200);
 
+// Hosts Index page extensions
+addGlobalFill('_all-hosts-modals', 'BulkChangeHostCVModal', <BulkChangeHostCVModal key="bulk-change-host-cv-modal" />, 100);
+
+registerColumns(hostsIndexColumnExtensions);
+
+
 componentRegistry.register({
   name: 'ActivationKeysSearch',
   type: ActivationKeysSearch,

data/webpack/scenes/Hosts/ChangeContentSource/actions.js

@@ -18,7 +18,7 @@ export const getFormData = (hostIds, search) => (post({
 }));
 
 export const changeContentSource =
-  (environmentId, contentViewId, contentSourceId, hostIds, handleSuccess) =>
+  (environmentId, contentViewId, contentSourceId, hostIds, handleSuccess, successToast) =>
     put({
       key: CHANGE_CONTENT_SOURCE,
       url: foremanUrl('/api/v2/hosts/bulk/change_content_source'),
@@ -29,6 +29,7 @@ export const changeContentSource =
         host_ids: hostIds,
       },
       errorToast: () => __('Something went wrong while updating the content source. See the logs for more information'),
+      successToast,
       handleSuccess,
     });
 
@@ -46,6 +47,7 @@ export const getContentViews = environmentId =>
     params: {
       environment_id: environmentId,
       full_result: true,
+      order: 'default DESC', // shows the default CV before all other options
     },
     errorToast: () => __('Something went wrong while loading the content views. See the logs for more information'),
   });

data/webpack/scenes/Hosts/ChangeContentSource/components/ContentSourceForm.js

@@ -23,7 +23,7 @@ import { ENVIRONMENT_PATHS_KEY } from '../../../../scenes/ContentViews/component
 import EnvironmentPaths from '../../../../scenes/ContentViews/components/EnvironmentPaths/EnvironmentPaths';
 import ContentViewSelect from '../../../../scenes/ContentViews/components/ContentViewSelect/ContentViewSelect';
 import ContentViewSelectOption from '../../../../scenes/ContentViews/components/ContentViewSelect/ContentViewSelectOption';
-import { selectContentViewsStatus } from '../selectors';
+import { selectContentViewsStatus, selectJobInvocationPath } from '../selectors';
 import { getCVPlaceholderText, shouldDisableCVSelect } from '../../../ContentViews/components/ContentViewSelect/helpers';
 import { selectEnvironmentPaths } from '../../../ContentViews/components/EnvironmentPaths/EnvironmentPathSelectors';
 
@@ -95,6 +95,9 @@ const ContentSourceForm = ({
   contentSources,
   handleContentSource,
   contentSourceId,
+  showCVOnlyAlert,
+  hostDetailsPath,
+  hostEditPath,
   contentHosts,
   isLoading,
   hostsUpdated,
@@ -108,6 +111,7 @@ const ContentSourceForm = ({
   );
   const contentViewsStatus = useSelector(selectContentViewsStatus);
   const environmentPathResponse = useSelector(selectEnvironmentPaths);
+  const jobInvocationPath = useSelector(selectJobInvocationPath);
   const envList = environmentPathResponse?.results?.map(path => path.environments).flat();
   const [csSelectOpen, setCSSelectOpen] = useState(false);
   const [cvSelectOpen, setCVSelectOpen] = useState(false);
@@ -127,13 +131,12 @@ const ContentSourceForm = ({
     !!contentViewName &&
     !!contentSourceId &&
     hostCount !== 0);
-
   const contentSourcesIsDisabled = (isLoading || contentSources.length === 0 ||
     hostCount === 0);
-  const environmentIsDisabled = (isLoading || environments === [] ||
+  const environmentIsDisabled = (isLoading ||
     contentSourceId === '');
   const viewIsDisabled = (isLoading || contentViews.length === 0 ||
-    contentSourceId === '' || environments === []);
+    contentSourceId === '');
 
   const cvPlaceholderText = getCVPlaceholderText({
     contentSourceId,
@@ -229,6 +232,15 @@ const ContentSourceForm = ({
           env={environments[0]}
         />))}
       </ContentViewSelect>
+      {showCVOnlyAlert &&
+        <Alert
+          ouiaId="cv-only-alert"
+          variant="info"
+          className="margin-top-20"
+          title={__('Host content source will remain the same. Click Save below to update the host\'s content view environment.')}
+        />
+      }
+      {!showCVOnlyAlert &&
       <TextContent>
         <Text
           ouiaId="ccs-options-description"
@@ -252,27 +264,49 @@ const ContentSourceForm = ({
           />
         </Text>
       </TextContent>
+      }
       <ActionGroup style={{ display: 'block' }}>
-        <Button
-          variant="primary"
-          id="generate_btn"
-          ouiaId="update-source-button"
-          onClick={e => handleSubmit(e, { shouldRedirect: true })}
-          isDisabled={isLoading || !formIsValid() || hostsUpdated}
-          isLoading={isLoading}
-        >
-          {__('Run job invocation')}
-        </Button>
-        <Button
-          variant="secondary"
-          id="generate_btn"
-          ouiaId="update-source-button"
-          onClick={showTemplate}
-          isDisabled={isLoading || !formIsValid() || hostsUpdated}
-          isLoading={isLoading}
-        >
-          {__('Update hosts manually')}
-        </Button>
+        {!showCVOnlyAlert &&
+        <>
+          <Button
+            variant="primary"
+            id="generate_btn"
+            ouiaId="run-job-invocation-button"
+            onClick={e => handleSubmit(e, { redirectTo: jobInvocationPath })}
+            isDisabled={isLoading || !formIsValid() || hostsUpdated}
+            isLoading={isLoading}
+          >
+            {__('Run job invocation')}
+          </Button>
+          <Button
+            variant="secondary"
+            id="generate_btn"
+            ouiaId="update-source-button"
+            onClick={showTemplate}
+            isDisabled={isLoading || !formIsValid() || hostsUpdated}
+            isLoading={isLoading}
+          >
+            {__('Update hosts manually')}
+          </Button>
+        </>
+        }
+        {showCVOnlyAlert &&
+          <Button
+            variant="primary"
+            id="generate_btn"
+            ouiaId="change-cv-button"
+            onClick={e =>
+              handleSubmit(e, {
+                redirectTo: hostEditPath || hostDetailsPath,
+                showSuccessToast: true,
+              })
+            }
+            isDisabled={isLoading || !formIsValid() || hostsUpdated}
+            isLoading={isLoading}
+          >
+            {__('Save')}
+          </Button>
+        }
 
       </ActionGroup>
     </Form>);
@@ -288,6 +322,9 @@ ContentSourceForm.propTypes = {
   contentSources: PropTypes.arrayOf(PropTypes.shape({})),
   handleContentSource: PropTypes.func.isRequired,
   contentSourceId: PropTypes.string,
+  showCVOnlyAlert: PropTypes.bool,
+  hostDetailsPath: PropTypes.string.isRequired,
+  hostEditPath: PropTypes.string.isRequired,
   contentHosts: PropTypes.arrayOf(PropTypes.shape({})),
   isLoading: PropTypes.bool,
   hostsUpdated: PropTypes.bool,
@@ -300,6 +337,7 @@ ContentSourceForm.defaultProps = {
   contentViewName: '',
   contentSources: [],
   contentSourceId: '',
+  showCVOnlyAlert: false,
   contentHosts: [],
   isLoading: false,
   hostsUpdated: false,

data/webpack/scenes/Hosts/ChangeContentSource/index.js

@@ -17,7 +17,6 @@ import { selectApiDataStatus,
   selectContentHosts,
   selectContentHostsWithoutContent,
   selectContentSources,
-  selectJobInvocationPath,
   selectContentViews,
   selectTemplate } from './selectors';
 
@@ -46,31 +45,36 @@ const ChangeContentSourcePage = () => {
   const contentHosts = useSelector(selectContentHosts);
   const hostsWithoutContent = useSelector(selectContentHostsWithoutContent);
   const contentSources = useSelector(selectContentSources);
-  const jobInvocationPath = useSelector(selectJobInvocationPath);
 
   const template = useSelector(selectTemplate);
   const contentViews = useSelector(selectContentViews);
-
-  const [contentSourceId, setCapsuleId] = useState('');
+  const { initialContentSourceId } = urlParams;
+  const [contentSourceId, setCapsuleId] = useState(initialContentSourceId ?? '');
+  // if this matches, we'll trust you that initialContentSourceId is the host's content source
+  const showCVOnlyAlert = (contentHosts.length === 1 &&
+    hostsWithoutContent.length === 0 &&
+    !!initialContentSourceId &&
+    initialContentSourceId === contentSourceId
+  );
+  const hostDetailsPath = showCVOnlyAlert ? `new/hosts/${contentHosts[0].name}` : '';
+  const hostEditPath = urlParams.fromPage === 'hostEdit' ? foremanUrl(`/hosts/${contentHosts[0]?.name}/edit`) : '';
   const [selectedEnvironment, setSelectedEnvironment] = useState([]);
   const [contentViewName, setContentViewName] = useState('');
   const [shouldShowTemplate, setShouldShowTemplate] = useState(false);
-  const [redirect, setRedirect] = useState(false);
+  const [redirect, setRedirect] = useState('');
 
   const contentViewId = contentViews?.find(cv => cv.name === contentViewName)?.id;
   const hostIds = useMemo(() => getHostIds(urlParams.host_id), [urlParams.host_id]);
   const noHostSpecified = (hostIds.length === 0 && urlParams.searchParam === '');
   const environmentId = selectedEnvironment[0]?.id;
 
-  const redirectToJobInvocationForm = () => setRedirect(true);
-
-  const handleSuccess = ({ shouldRedirect }) => {
-    if (shouldRedirect) {
-      redirectToJobInvocationForm();
+  const handleSuccess = ({ redirectTo = '' }) => {
+    if (redirectTo) {
+      setRedirect(redirectTo);
     }
   };
 
-  const handleSubmit = (e, { shouldRedirect = false }) => {
+  const handleSubmit = (e, { redirectTo = '', showSuccessToast = false } = {}) => {
     e.preventDefault();
 
     dispatch(changeContentSource(
@@ -78,7 +82,8 @@ const ChangeContentSourcePage = () => {
       contentViewId,
       contentSourceId,
       contentHosts.map(h => h.id),
-      () => handleSuccess({ shouldRedirect }),
+      () => handleSuccess({ redirectTo }),
+      showSuccessToast ? () => __('Host content view environment(s) updated') : undefined,
     ));
   };
 
@@ -93,7 +98,7 @@ const ChangeContentSourcePage = () => {
   };
 
   const showTemplate = (e) => {
-    handleSubmit(e, { shouldRedirect: false });
+    handleSubmit(e);
     setShouldShowTemplate(true);
   };
 
@@ -122,8 +127,8 @@ const ChangeContentSourcePage = () => {
     dispatch(getFormData(hostIds, urlParams.searchParam));
   }, [dispatch, hostIds, urlParams.searchParam]);
 
-  if (redirect && jobInvocationPath) {
-    window.location.assign(jobInvocationPath); // redirect to job invocation wizard
+  if (redirect && redirect !== '') {
+    window.location.assign(redirect);
   }
 
   return (
@@ -165,7 +170,7 @@ const ChangeContentSourcePage = () => {
                 title={__('No hosts were specified')}
               />
             </GridItem>
-        }
+          }
           { !noHostSpecified &&
           <>
             <Hosts
@@ -182,6 +187,9 @@ const ChangeContentSourcePage = () => {
               contentViewName={contentViewName}
               contentSources={contentSources}
               contentSourceId={contentSourceId}
+              showCVOnlyAlert={showCVOnlyAlert}
+              hostDetailsPath={hostDetailsPath}
+              hostEditPath={hostEditPath}
               handleContentSource={handleContentSource}
               contentHosts={contentHosts}
               isLoading={isLoading}

data/webpack/scenes/ModuleStreams/ModuleStreamsPage.js

@@ -1,59 +1,53 @@
-import React, { Component } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import qs from 'query-string';
+import { useUrlParams } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { orgId } from '../../services/api';
 import TableSchema from '../ModuleStreams/ModuleStreamsTableSchema';
 import GenericContentPage from '../../components/Content/GenericContentPage';
 
-class ModuleStreamsPage extends Component {
-  constructor(props) {
-    super(props);
+const ModuleStreamsPage = (props) => {
+  const { searchParam } = useUrlParams();
+  const [searchQuery, setSearchQuery] = useState(searchParam || '');
+  const { getModuleStreams } = props;
 
-    const queryParams = qs.parse(this.props.location.search);
-    this.state = {
-      searchQuery: queryParams.search || '',
-    };
-  }
-
-  componentDidMount() {
-    this.props.getModuleStreams({
-      search: this.state.searchQuery,
+  useEffect(() => {
+    getModuleStreams({
+      search: searchQuery,
     });
-  }
+  }, [getModuleStreams, searchQuery]);
 
-  onPaginationChange = (pagination) => {
-    this.props.getModuleStreams({
+  const onPaginationChange = (pagination) => {
+    props.getModuleStreams({
       ...pagination,
     });
   };
 
-  onSearch = (search) => {
-    this.props.getModuleStreams({ search });
+  const onSearch = (search) => {
+    props.getModuleStreams({ search });
   };
 
-  updateSearchQuery = (searchQuery) => {
-    this.setState({ searchQuery });
+  const updateSearchQuery = (newSearchQuery) => {
+    setSearchQuery(newSearchQuery);
   };
 
-  render() {
-    const { moduleStreams } = this.props;
-    return (
-      <GenericContentPage
-        header={__('Module Streams')}
-        content={moduleStreams}
-        tableSchema={TableSchema}
-        onSearch={this.onSearch}
-        autocompleteEndpoint="/katello/api/v2/module_streams"
-        autocompleteQueryParams={{ organization_id: orgId() }}
-        bookmarkController="katello_module_streams"
-        updateSearchQuery={this.updateSearchQuery}
-        initialInputValue={this.state.searchQuery}
-        onPaginationChange={this.onPaginationChange}
-      />
-    );
-  }
-}
+  const { moduleStreams } = props;
+  return (
+    <GenericContentPage
+      header={__('Module Streams')}
+      content={moduleStreams}
+      tableSchema={TableSchema}
+      onSearch={onSearch}
+      autocompleteEndpoint="/katello/api/v2/module_streams"
+      autocompleteQueryParams={{ organization_id: orgId() }}
+      bookmarkController="katello_module_streams"
+      updateSearchQuery={updateSearchQuery}
+      initialInputValue={searchQuery}
+      onPaginationChange={onPaginationChange}
+    />
+  );
+};
+
 
 ModuleStreamsPage.propTypes = {
   location: PropTypes.shape({

data/webpack/scenes/ModuleStreams/__tests__/ModuleStreamPage.test.js

@@ -1,19 +1,21 @@
 import React from 'react';
 import { shallow } from 'enzyme';
 import toJson from 'enzyme-to-json';
+import * as hooks from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
 import ModuleStreamsPage from '../ModuleStreamsPage';
 import GenericContentPage from '../../../components/Content/GenericContentPage';
 
 describe('Module streams page', () => {
   it('should render and contain appropiate components', async () => {
     const moduleStreams = {};
-    const mockLocation = { search: '' };
+    jest.spyOn(hooks, 'useUrlParams').mockImplementation(() => ({
+      searchParam: '',
+    }));
     const getModuleStreams = () => {};
 
     const wrapper = shallow(<ModuleStreamsPage
       moduleStreams={moduleStreams}
       getModuleStreams={getModuleStreams}
-      location={mockLocation}
     />);
 
     expect(toJson(wrapper)).toMatchSnapshot();

data/webpack/scenes/ModuleStreams/__tests__/__snapshots__/ModuleStreamsTable.test.js.snap

@@ -88,7 +88,6 @@ exports[`Module streams table should render and contain appropiate components 1`
     }
     itemCount={0}
     onPaginationChange={[Function]}
-    ouiaId="content-table-table"
     pagination={Object {}}
     rows={Array []}
   />

data/webpack/scenes/RedHatRepositories/__tests__/__snapshots__/RedHatRepositoriesPage.test.js.snap

@@ -7,6 +7,7 @@ exports[`RedHatRepositories page should render <PermissionDenied /> when permiss
       "view_organizations",
     ]
   }
+  primaryButton={null}
 />
 `;
 

data/webpack/scenes/Subscriptions/Manifest/ManageManifestModal.js

@@ -1,7 +1,10 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Grid, Col, Row, Tabs, Tab, FormControl, ControlLabel } from 'react-bootstrap';
+import { FormattedMessage } from 'react-intl';
 import { Button, Spinner } from 'patternfly-react';
+import { Alert } from '@patternfly/react-core';
+import { propsToCamelCase } from 'foremanReact/common/helpers';
 import ForemanModal from 'foremanReact/components/ForemanModal';
 import Slot from 'foremanReact/components/common/Slot';
 import { translate as __ } from 'foremanReact/common/I18n';
@@ -92,22 +95,29 @@ class ManageManifestModal extends Component {
       contentCredentials,
     } = this.props;
 
+    const {
+      manifestExpiringSoon,
+      manifestExpired,
+      manifestExpirationDate,
+      manifestExpireDaysRemaining,
+    } = propsToCamelCase(organization);
+
     const actionInProgress = (taskInProgress || manifestActionStarted);
     const showCdnConfigurationTab = canEditOrganizations;
     const showSubscriptionManifest = (canImportManifest || canDeleteManifest);
     const showManifestTab = (canEditOrganizations || showSubscriptionManifest);
 
     const emptyStateData = () => ({
-      header: __('There is no Manifest History to display.'),
-      description: __('Import a Manifest using the manifest tab above.'),
+      header: __('There is no manifest history to display.'),
+      description: __('Import a manifest using the Manifest tab above.'),
       documentation: {
-        label: __('Learn more about adding Subscription Manifests '),
+        label: __('Learn more about adding subscription manifests '),
         url: 'https://access.redhat.com/solutions/3410771',
       },
     });
 
     const getManifestName = () => {
-      let name = __('No Manifest Uploaded');
+      let name = __('No manifest imported');
 
       if (
         organization.owner_details &&
@@ -127,6 +137,8 @@ class ManageManifestModal extends Component {
       return name;
     };
 
+    const manifestExpiredMessage = manifestExpirationDate ? __('Your manifest expired on {expirationDate}. To continue using Red Hat content, import a new manifest.') : __('Your manifest has expired. To continue using Red Hat content, import a new manifest.');
+
     return (
       <ForemanModal id={MANAGE_MANIFEST_MODAL_ID} title={__('Manage Manifest')}>
         <Tabs id="manifest-history-tabs">
@@ -139,6 +151,46 @@ class ManageManifestModal extends Component {
                   <React.Fragment>
                     <Grid>
                       <h3>{__('Subscription Manifest')}</h3>
+                      {manifestExpiringSoon &&
+                        <Alert
+                          ouiaId="manifest-expiring-soon-alert"
+                          variant="warning"
+                          title={__('Manifest expiring soon')}
+                        >
+                          <FormattedMessage
+                            defaultMessage={__('Your manifest will expire in {daysMessage}. To extend the expiration date, refresh your manifest. Or, if your Foreman is disconnected, import a new manifest.')}
+                            values={{
+                              daysMessage: (
+                                <FormattedMessage
+                                  defaultMessage="{daysRemaining, plural, one {{singular}} other {# {plural}}}"
+                                  values={{
+                                    daysRemaining: manifestExpireDaysRemaining,
+                                    singular: __('day'),
+                                    plural: __('days'),
+                                  }}
+                                  id="manage-manifest-expire-days-i18n"
+                                />
+                              ),
+                            }}
+                            id="manage-manifest-expire-i18n"
+                          />
+                        </Alert>
+                      }
+                      {manifestExpired && isManifestImported &&
+                        <Alert
+                          ouiaId="manifest-expired-alert"
+                          variant="danger"
+                          title={__('Manifest expired')}
+                        >
+                          <FormattedMessage
+                            defaultMessage={manifestExpiredMessage}
+                            values={{
+                              expirationDate: new Date(manifestExpirationDate).toDateString(),
+                            }}
+                            id="manage-manifest-expired-i18n"
+                          />
+                        </Alert>
+                      }
                       <hr />
                       <Row>
                         <Col sm={5}>
@@ -148,13 +200,22 @@ class ManageManifestModal extends Component {
                           {getManifestName()}
                         </Col>
                       </Row>
+                      {isManifestImported && Boolean(manifestExpirationDate) &&
+                        <Row>
+                          <Col sm={5} />
+                          <Col sm={7}>
+                            {manifestExpired ? __('Expired ') : __('Expires ')}
+                            {new Date(manifestExpirationDate).toDateString()}
+                          </Col>
+                        </Row>
+                      }
                       <Row>
                         <Col sm={5}>
                           {canImportManifest &&
                           <ControlLabel
                             style={{ paddingTop: '10px' }}
                           >
-                            <div>{__('Import New Manifest')}</div>
+                            <div>{__('Import new manifest')}</div>
                           </ControlLabel>
                           }
                         </Col>

data/webpack/scenes/Subscriptions/UpstreamSubscriptions/UpstreamSubscriptionsPage.js

@@ -222,19 +222,22 @@ class UpstreamSubscriptionsPage extends Component {
 
     return (
       <Grid bsClass="container-fluid">
-        <BreadcrumbsBar data={{
-          isSwitchable: false,
-          breadcrumbItems: [
-            {
-              caption: __('Subscriptions'),
-              onClick: () => this.props.history.push('/subscriptions'),
-            },
-            {
-              caption: __('Add Subscriptions'),
-            },
-          ],
-        }}
-        />
+        {!upstreamSubscriptions.loading &&
+        <div style={{ marginBottom: '10px' }}>
+          <BreadcrumbsBar
+            isLoadingResources={upstreamSubscriptions.loading}
+            breadcrumbItems={[
+              {
+                caption: __('Subscriptions'),
+                url: '/subscriptions/',
+              },
+              {
+                caption: String(__('Add Subscriptions')),
+              },
+            ]}
+          />
+        </div>
+        }
 
         <LoadingState loading={upstreamSubscriptions.loading} loadingText={__('Loading')}>
           <Row>

data/webpack/scenes/Subscriptions/UpstreamSubscriptions/__tests__/__snapshots__/UpstreamSubscriptionsPage.test.js.snap

@@ -6,22 +6,28 @@ exports[`upstream subscriptions page should render 1`] = `
   componentClass="div"
   fluid={false}
 >
-  <BreadcrumbsBar
-    data={
+  <div
+    style={
       Object {
-        "breadcrumbItems": Array [
+        "marginBottom": "10px",
+      }
+    }
+  >
+    <BreadcrumbsBar
+      breadcrumbItems={
+        Array [
           Object {
             "caption": "Subscriptions",
-            "onClick": [Function],
+            "url": "/subscriptions/",
           },
           Object {
             "caption": "Add Subscriptions",
           },
-        ],
-        "isSwitchable": false,
+        ]
       }
-    }
-  />
+      isLoadingResources={false}
+    />
+  </div>
   <LoadingState
     loading={false}
     loadingText="Loading"

data/webpack/scenes/Subscriptions/__tests__/__snapshots__/SubscriptionsPage.test.js.snap

@@ -7,6 +7,7 @@ exports[`subscriptions page should render <PermissionDenied /> when permissions
       "view_subscriptions",
     ]
   }
+  primaryButton={null}
 />
 `;
 

data/webpack/scenes/Subscriptions/components/SubscriptionsToolbar/SubscriptionsToolbar.js

@@ -49,7 +49,7 @@ const SubscriptionsToolbar = ({
           <FormGroup>
             {canManageSubscriptionAllocations &&
               <LinkContainer
-                to="subscriptions/add"
+                to="/subscriptions/add"
                 disabled={disableManifestActions || disableAddButton}
               >
                 <TooltipButton