feat(iam): add 'Roadmap & Changelog' links in tag-manager

ref: #MAIAM-43

Signed-off-by: Marc Monchablon <[email protected]>

Author: Marc Monchablon

packages/manager/apps/identity-access-management/src/constants.ts

@@ -0,0 +1,16 @@
+import { ChangelogLinks } from '@ovh-ux/manager-react-components';
+
+export const CHANGELOG_LINKS: ChangelogLinks = {
+  roadmap:
+    'https://github.com/orgs/ovh/projects/16/views/1?sliceBy%5Bvalue%5D=Identity+and+Access+Management+%28IAM%29',
+  changelog:
+    'https://github.com/orgs/ovh/projects/16/views/6?sliceBy%5Bvalue%5D=Identity+and+Access+Management+%28IAM%29',
+  'feature-request':
+    'https://github.com/ovh/management-security-operations-roadmap/issues/new/choose',
+};
+
+export const CHANGELOG_CHAPTERS = [
+  'identity-security-operation',
+  'identity-access-management',
+  'identity-access-management',
+];

packages/manager/apps/identity-access-management/src/pages/tagManager/TagManager.page.tsx

@@ -2,18 +2,23 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   BaseLayout,
+  ChangelogButton,
   HeadersProps,
   Notifications,
 } from '@ovh-ux/manager-react-components';
 import TagsListDatagrid from './components/tagsListDatagrid/TagsListDatagrid.component';
 import { TagManagerContextProvider } from './TagManagerContext';
+import { CHANGELOG_LINKS, CHANGELOG_CHAPTERS } from '@/constants';
 
 export default function TagManager() {
   const { t } = useTranslation('tag-manager');
 
   const header: HeadersProps = {
     title: t('title'),
     description: t('description'),
+    changelogButton: (
+      <ChangelogButton links={CHANGELOG_LINKS} chapters={CHANGELOG_CHAPTERS} />
+    ),
   };
 
   return (

packages/manager/apps/identity-access-management/src/pages/tagManager/TagManager.spec.tsx

@@ -1,7 +1,7 @@
 // import React from 'react';
 import '@testing-library/jest-dom';
 import { describe, it, vi } from 'vitest';
-import { OdsCheckbox } from '@ovhcloud/ods-components/react';
+import { screen } from '@testing-library/react';
 import { renderTestApp } from '@/test-utils/renderTestApp';
 
 vi.mock('@ovh-ux/manager-react-components', async (importOriginal) => ({
@@ -25,4 +25,9 @@ describe('Tag Manager page', () => {
   it('displays Tag manager', async () => {
     await renderTestApp();
   });
+
+  it('displays changelog button', async () => {
+    const { container } = await renderTestApp();
+    expect(container).toContainHTML('Roadmap & Changelog');
+  });
 });

packages/manager/apps/identity-access-management/src/pages/tagManager/assignTag/AssignTag.page.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   BaseLayout,
+  ChangelogButton,
   Notifications,
   RedirectionGuard,
 } from '@ovh-ux/manager-react-components';
@@ -19,6 +20,7 @@ import ResourcesListDatagrid from '@/components/resourcesDatagrid/ResourcesDatag
 import { ResourcesDatagridContextProvider } from '@/components/resourcesDatagrid/ResourcesDatagridContext';
 import AssignTagTopbar from './components/AssignTagTopbar.component';
 import { Breadcrumb } from '@/components/breadcrumb/Breadcrumb.component';
+import { CHANGELOG_LINKS, CHANGELOG_CHAPTERS } from '@/constants';
 
 export default function AssignTag() {
   const { t } = useTranslation('tag-manager');
@@ -27,6 +29,9 @@ export default function AssignTag() {
 
   const header = {
     title: t('assignMultipleToResources'),
+    changelogButton: (
+      <ChangelogButton links={CHANGELOG_LINKS} chapters={CHANGELOG_CHAPTERS} />
+    ),
   };
 
   return (

packages/manager/apps/identity-access-management/src/pages/tagManager/tagDetail/TagDetail.page.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   BaseLayout,
+  ChangelogButton,
   Notifications,
   RedirectionGuard,
 } from '@ovh-ux/manager-react-components';
@@ -18,16 +19,18 @@ import TagDetailTopbar from './components/TagDetailTopbar.component';
 import { tagTofilter } from '@/utils/formatFiltersForApi';
 import { Breadcrumb } from '@/components/breadcrumb/Breadcrumb.component';
 import TagDetailActions from './components/TagDetailActions.component';
+import { CHANGELOG_LINKS, CHANGELOG_CHAPTERS } from '@/constants';
 
 export default function TagDetail() {
   const { tag } = useParams();
   const navigate = useNavigate();
   const { t } = useTranslation('tag-manager');
 
   const header = {
-    title: t('tagDetailTitle', {
-      tag,
-    }),
+    title: t('tagDetailTitle', { tag }),
+    changelogButton: (
+      <ChangelogButton links={CHANGELOG_LINKS} chapters={CHANGELOG_CHAPTERS} />
+    ),
   };
 
   return (

packages/manager/apps/identity-access-management/src/pages/tagManager/tagDetailAssign/TagDetailAssign.page.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   BaseLayout,
+  ChangelogButton,
   Notifications,
   RedirectionGuard,
 } from '@ovh-ux/manager-react-components';
@@ -15,6 +16,7 @@ import ResourcesListDatagrid from '@/components/resourcesDatagrid/ResourcesDatag
 import { ResourcesDatagridContextProvider } from '@/components/resourcesDatagrid/ResourcesDatagridContext';
 import AssignTagTopbar from '../assignTag/components/AssignTagTopbar.component';
 import { Breadcrumb } from '@/components/breadcrumb/Breadcrumb.component';
+import { CHANGELOG_LINKS, CHANGELOG_CHAPTERS } from '@/constants';
 
 export default function TagDetailAssign() {
   const { t } = useTranslation('tag-manager');
@@ -23,6 +25,9 @@ export default function TagDetailAssign() {
 
   const header = {
     title: t('assignTagToResources', { tag }),
+    changelogButton: (
+      <ChangelogButton links={CHANGELOG_LINKS} chapters={CHANGELOG_CHAPTERS} />
+    ),
   };
 
   const onSuccessUrl = urls.tagDetail.replace(':tag', tag);