fix(resource-adm): fix for button font-sizes in resources dashboard (#16497)

Author: mgunnerud

src/Designer/frontend/packages/policy-editor/src/components/PolicyCardRules/PolicyRule/PolicyAccessPackages/PolicyAccordion/PolicyAccordion.module.css

@@ -33,4 +33,5 @@
 .accordionSubTitle {
   color: var(--fds-colors-grey-700);
   font-size: var(--fds-sizing-3);
+  font-weight: var(--ds-font-weight-regular);
 }

src/Designer/frontend/resourceadm/pages/ResourceDashboardPage/ResourceDashboardPage.test.tsx

@@ -321,6 +321,25 @@ describe('ResourceDashBoardPage', () => {
 
     expect(mockedNavigate).toHaveBeenCalled();
   });
+
+  it('should navigate to access list page', async () => {
+    const user = userEvent.setup();
+    const getResourceList = jest
+      .fn()
+      .mockImplementation(() => Promise.resolve<ResourceListItem[]>(mockResourceList));
+    renderResourceDashboardPage({ getResourceList });
+
+    await waitForElementToBeRemoved(() =>
+      screen.queryByLabelText(textMock('resourceadm.dashboard_spinner')),
+    );
+
+    const accessListButton = screen.getByText(
+      textMock('resourceadm.dashboard_change_organization_lists'),
+    );
+    await user.click(accessListButton);
+
+    expect(mockedNavigate).toHaveBeenCalledWith('/ttd/ttd-resources/accesslists');
+  });
 });
 
 const renderResourceDashboardPage = (

src/Designer/frontend/resourceadm/pages/ResourceDashboardPage/ResourceDashboardPage.tsx

@@ -18,7 +18,6 @@ import { ImportAltinn3ResourceModal } from '../../components/ImportAltinn3Resour
 import { useImportResourceFromAltinn3Mutation } from '../../hooks/mutations/useImportResourceFromAltinn3Mutation';
 import type { EnvId } from '../../utils/resourceUtils';
 import type { Resource } from 'app-shared/types/ResourceAdm';
-import { ButtonRouterLink } from 'app-shared/components/ButtonRouterLink';
 
 /**
  * @component
@@ -128,20 +127,20 @@ export const ResourceDashboardPage = (): React.JSX.Element => {
           })}
         </StudioHeading>
         <div className={classes.topRightWrapper}>
-          <ButtonRouterLink
+          <StudioButton
             variant='tertiary'
-            to={`${getResourceDashboardURL(org, app)}/accesslists`}
+            onClick={() => navigate(`${getResourceDashboardURL(org, app)}/accesslists`)}
+            data-size='md'
+            icon={<TasklistIcon />}
           >
             <strong>{t('resourceadm.dashboard_change_organization_lists')}</strong>
-            <TasklistIcon />
-          </ButtonRouterLink>
+          </StudioButton>
           <div className={classes.verticalDivider} data-color='neutral' />
           <StudioButton
             variant='tertiary'
             onClick={() => importAltinn2ServiceModalRef.current.showModal()}
             data-size='md'
             icon={<MigrationIcon />}
-            iconPlacement='right'
           >
             <strong>{t('resourceadm.dashboard_import_resource')}</strong>
           </StudioButton>
@@ -151,7 +150,6 @@ export const ResourceDashboardPage = (): React.JSX.Element => {
             onClick={() => createResourceModalRef.current?.showModal()}
             data-size='md'
             icon={<PlusCircleIcon />}
-            iconPlacement='right'
           >
             <strong>{t('resourceadm.dashboard_create_resource')}</strong>
           </StudioButton>