diff --git a/src/domain/application/applicationView/ApplicationView.tsx b/src/domain/application/applicationView/ApplicationView.tsx
index 542c89730..817c21c5d 100644
--- a/src/domain/application/applicationView/ApplicationView.tsx
+++ b/src/domain/application/applicationView/ApplicationView.tsx
@@ -38,7 +38,7 @@ import { ApplicationCancel } from '../components/ApplicationCancel';
 import AttachmentSummary from '../components/AttachmentSummary';
 import useAttachments from '../hooks/useAttachments';
 import FeatureFlags from '../../../common/components/featureFlags/FeatureFlags';
-import UserRightsCheck from '../../hanke/hankeUsers/UserRightsCheck';
+import { CheckRightsByHanke } from '../../hanke/hankeUsers/UserRightsCheck';
 
 type Props = {
   application: Application;
@@ -120,7 +120,7 @@ function ApplicationView({ application, hanke, onEditApplication }: Props) {
 
         <InformationViewHeaderButtons>
           {isPending ? (
-            <UserRightsCheck requiredRight="EDIT_APPLICATIONS" hankeTunnus={hanke?.hankeTunnus}>
+            <CheckRightsByHanke requiredRight="EDIT_APPLICATIONS" hankeTunnus={hanke?.hankeTunnus}>
               <Button
                 theme="coat"
                 iconLeft={<IconPen aria-hidden="true" />}
@@ -128,17 +128,17 @@ function ApplicationView({ application, hanke, onEditApplication }: Props) {
               >
                 {t('hakemus:buttons:editApplication')}
               </Button>
-            </UserRightsCheck>
+            </CheckRightsByHanke>
           ) : null}
           {hanke ? (
-            <UserRightsCheck requiredRight="EDIT_APPLICATIONS" hankeTunnus={hanke?.hankeTunnus}>
+            <CheckRightsByHanke requiredRight="EDIT_APPLICATIONS" hankeTunnus={hanke?.hankeTunnus}>
               <ApplicationCancel
                 applicationId={id}
                 alluStatus={alluStatus}
                 hankeTunnus={hanke?.hankeTunnus}
                 buttonIcon={<IconTrash aria-hidden />}
               />
-            </UserRightsCheck>
+            </CheckRightsByHanke>
           ) : null}
         </InformationViewHeaderButtons>
       </InformationViewHeader>
diff --git a/src/domain/hanke/accessRights/AccessRightsViewContainer.tsx b/src/domain/hanke/accessRights/AccessRightsViewContainer.tsx
index cf5c08827..7e21afbab 100644
--- a/src/domain/hanke/accessRights/AccessRightsViewContainer.tsx
+++ b/src/domain/hanke/accessRights/AccessRightsViewContainer.tsx
@@ -7,7 +7,7 @@ import ErrorLoadingText from '../../../common/components/errorLoadingText/ErrorL
 import { useHankeUsers } from '../hankeUsers/hooks/useHankeUsers';
 import useHanke from '../hooks/useHanke';
 import AccessRightsView from './AccessRightsView';
-import useUserRightsForHanke from '../hankeUsers/hooks/useUserRightsForHanke';
+import { usePermissionsForHanke } from '../hankeUsers/hooks/useUserRightsForHanke';
 
 type Props = {
   hankeTunnus: string;
@@ -17,7 +17,7 @@ function AccessRightsViewContainer({ hankeTunnus }: Props) {
   const { t } = useTranslation();
   const { data: hankeUsers, isLoading, isError, error } = useHankeUsers(hankeTunnus);
   const { data: hankeData } = useHanke(hankeTunnus);
-  const { data: signedInUser } = useUserRightsForHanke(hankeTunnus);
+  const { data: signedInUser } = usePermissionsForHanke(hankeTunnus);
 
   if (isLoading) {
     return (
diff --git a/src/domain/hanke/hankeUsers/UserRightsCheck.test.tsx b/src/domain/hanke/hankeUsers/UserRightsCheck.test.tsx
index 06be23cfb..14b884fb2 100644
--- a/src/domain/hanke/hankeUsers/UserRightsCheck.test.tsx
+++ b/src/domain/hanke/hankeUsers/UserRightsCheck.test.tsx
@@ -3,13 +3,13 @@ import { rest } from 'msw';
 import { render, screen, waitFor } from '../../../testUtils/render';
 import { server } from '../../mocks/test-server';
 import { SignedInUser } from './hankeUser';
-import UserRightsCheck from './UserRightsCheck';
+import { CheckRightsByHanke } from './UserRightsCheck';
 
 test('Should render children if user has required right', async () => {
   render(
-    <UserRightsCheck requiredRight="EDIT" hankeTunnus="HAI22-2">
+    <CheckRightsByHanke requiredRight="EDIT" hankeTunnus="HAI22-2">
       <p>Children</p>
-    </UserRightsCheck>,
+    </CheckRightsByHanke>,
   );
 
   await waitFor(() => {
@@ -32,9 +32,9 @@ test('Should not render children if user does not have required right', async ()
   );
 
   render(
-    <UserRightsCheck requiredRight="EDIT" hankeTunnus="HAI22-2">
+    <CheckRightsByHanke requiredRight="EDIT" hankeTunnus="HAI22-2">
       <p>Children</p>
-    </UserRightsCheck>,
+    </CheckRightsByHanke>,
   );
 
   await waitFor(() => {
@@ -47,9 +47,9 @@ test('Should render children when access right feature is not enabled', async ()
   window._env_.REACT_APP_FEATURE_ACCESS_RIGHTS = 0;
 
   render(
-    <UserRightsCheck requiredRight="EDIT" hankeTunnus="HAI22-2">
+    <CheckRightsByHanke requiredRight="EDIT" hankeTunnus="HAI22-2">
       <p>Children</p>
-    </UserRightsCheck>,
+    </CheckRightsByHanke>,
   );
 
   await waitFor(() => {
diff --git a/src/domain/hanke/hankeUsers/UserRightsCheck.tsx b/src/domain/hanke/hankeUsers/UserRightsCheck.tsx
index a6189086f..020edcac8 100644
--- a/src/domain/hanke/hankeUsers/UserRightsCheck.tsx
+++ b/src/domain/hanke/hankeUsers/UserRightsCheck.tsx
@@ -1,13 +1,13 @@
 import React from 'react';
-import useUserRightsForHanke from './hooks/useUserRightsForHanke';
-import { Rights } from './hankeUser';
+import { Rights, SignedInUser } from './hankeUser';
 import { useFeatureFlags } from '../../../common/components/featureFlags/FeatureFlagsContext';
+import { usePermissionsForHanke } from './hooks/useUserRightsForHanke';
 
 /**
  * Check that user has required rights.
  * If they have, render children.
  */
-function UserRightsCheck({
+export function CheckRightsByHanke({
   requiredRight,
   hankeTunnus,
   children,
@@ -18,7 +18,7 @@ function UserRightsCheck({
   hankeTunnus?: string;
   children: React.ReactElement | null;
 }) {
-  const { data: signedInUser } = useUserRightsForHanke(hankeTunnus);
+  const { data: signedInUser } = usePermissionsForHanke(hankeTunnus);
   const features = useFeatureFlags();
 
   if (!features.accessRights) {
@@ -32,4 +32,24 @@ function UserRightsCheck({
   return null;
 }
 
-export default UserRightsCheck;
+/**
+ * Check that user has required rights. Verified by SignedInUser data.
+ * If permitted, render children.
+ */
+export function CheckRightsByUser({
+  requiredRight,
+  signedUser,
+  children,
+}: {
+  requiredRight: keyof typeof Rights;
+  signedUser: SignedInUser | undefined;
+  children: React.ReactElement | null;
+}) {
+  const features = useFeatureFlags();
+
+  if (!features.accessRights) {
+    return children;
+  }
+
+  return signedUser?.kayttooikeudet.includes(requiredRight) ? children : null;
+}
diff --git a/src/domain/hanke/hankeUsers/hankeUser.ts b/src/domain/hanke/hankeUsers/hankeUser.ts
index fd18b105f..b831cffdd 100644
--- a/src/domain/hanke/hankeUsers/hankeUser.ts
+++ b/src/domain/hanke/hankeUsers/hankeUser.ts
@@ -34,6 +34,10 @@ export type SignedInUser = {
   kayttooikeudet: UserRights;
 };
 
+export type SignedInUserByHanke = {
+  [hankeTunnus: string]: SignedInUser;
+};
+
 export type IdentificationResponse = {
   kayttajaId: string;
   hankeTunnus: string;
diff --git a/src/domain/hanke/hankeUsers/hankeUsersApi.ts b/src/domain/hanke/hankeUsers/hankeUsersApi.ts
index 5ae8bd20c..6d176e769 100644
--- a/src/domain/hanke/hankeUsers/hankeUsersApi.ts
+++ b/src/domain/hanke/hankeUsers/hankeUsersApi.ts
@@ -1,5 +1,5 @@
 import api from '../../api/api';
-import { HankeUser, IdentificationResponse, SignedInUser } from './hankeUser';
+import { HankeUser, IdentificationResponse, SignedInUser, SignedInUserByHanke } from './hankeUser';
 
 export async function getHankeUsers(hankeTunnus: string) {
   const { data } = await api.get<{ kayttajat: HankeUser[] }>(`hankkeet/${hankeTunnus}/kayttajat`);
@@ -23,6 +23,11 @@ export async function getSignedInUserForHanke(hankeTunnus?: string): Promise<Sig
   return data;
 }
 
+export async function getSignedInUserByHanke(): Promise<SignedInUserByHanke> {
+  const { data } = await api.get<SignedInUserByHanke>('hankkeet/my-permissions');
+  return data;
+}
+
 export async function identifyUser(id: string) {
   const { data } = await api.post<IdentificationResponse>('kayttajat', { tunniste: id });
   return data;
diff --git a/src/domain/hanke/hankeUsers/hooks/useUserRightsForHanke.ts b/src/domain/hanke/hankeUsers/hooks/useUserRightsForHanke.ts
index a883f8407..c7ec4c26a 100644
--- a/src/domain/hanke/hankeUsers/hooks/useUserRightsForHanke.ts
+++ b/src/domain/hanke/hankeUsers/hooks/useUserRightsForHanke.ts
@@ -1,9 +1,9 @@
 import { useQuery } from 'react-query';
-import { SignedInUser } from '../hankeUser';
-import { getSignedInUserForHanke } from '../hankeUsersApi';
+import { SignedInUser, SignedInUserByHanke } from '../hankeUser';
+import { getSignedInUserForHanke, getSignedInUserByHanke } from '../hankeUsersApi';
 import { useFeatureFlags } from '../../../../common/components/featureFlags/FeatureFlagsContext';
 
-export default function useSignedInUserRightsForHanke(hankeTunnus?: string) {
+export function usePermissionsForHanke(hankeTunnus?: string) {
   const features = useFeatureFlags();
 
   return useQuery<SignedInUser>(
@@ -14,3 +14,11 @@ export default function useSignedInUserRightsForHanke(hankeTunnus?: string) {
     },
   );
 }
+
+export function usePermissionsByHanke() {
+  const features = useFeatureFlags();
+
+  return useQuery<SignedInUserByHanke>(['signedUserByHanke'], () => getSignedInUserByHanke(), {
+    enabled: features.accessRights,
+  });
+}
diff --git a/src/domain/hanke/hankeView/HankeView.tsx b/src/domain/hanke/hankeView/HankeView.tsx
index 743266378..d5ff5f386 100644
--- a/src/domain/hanke/hankeView/HankeView.tsx
+++ b/src/domain/hanke/hankeView/HankeView.tsx
@@ -52,7 +52,7 @@ import {
 import FeatureFlags from '../../../common/components/featureFlags/FeatureFlags';
 import { useFeatureFlags } from '../../../common/components/featureFlags/FeatureFlagsContext';
 import { SignedInUser } from '../hankeUsers/hankeUser';
-import UserRightsCheck from '../hankeUsers/UserRightsCheck';
+import { CheckRightsByHanke } from '../hankeUsers/UserRightsCheck';
 
 type AreaProps = {
   area: HankeAlue;
@@ -217,7 +217,7 @@ const HankeView: React.FC<Props> = ({
 
         <InformationViewHeaderButtons>
           <FeatureFlags flags={['hanke']}>
-            <UserRightsCheck requiredRight="EDIT" hankeTunnus={hankeData.hankeTunnus}>
+            <CheckRightsByHanke requiredRight="EDIT" hankeTunnus={hankeData.hankeTunnus}>
               <Button
                 onClick={onEditHanke}
                 variant="primary"
@@ -226,8 +226,11 @@ const HankeView: React.FC<Props> = ({
               >
                 {t('hankeList:buttons:edit')}
               </Button>
-            </UserRightsCheck>
-            <UserRightsCheck requiredRight="EDIT_APPLICATIONS" hankeTunnus={hankeData.hankeTunnus}>
+            </CheckRightsByHanke>
+            <CheckRightsByHanke
+              requiredRight="EDIT_APPLICATIONS"
+              hankeTunnus={hankeData.hankeTunnus}
+            >
               {isHankePublic ? (
                 <Button
                   variant="primary"
@@ -238,7 +241,7 @@ const HankeView: React.FC<Props> = ({
                   {t('hankeList:buttons:addApplication')}
                 </Button>
               ) : null}
-            </UserRightsCheck>
+            </CheckRightsByHanke>
           </FeatureFlags>
           <FeatureFlags flags={['hanke', 'accessRights']}>
             <Button
@@ -251,14 +254,14 @@ const HankeView: React.FC<Props> = ({
             </Button>
           </FeatureFlags>
           <FeatureFlags flags={['hanke']}>
-            <UserRightsCheck requiredRight="DELETE" hankeTunnus={hankeData.hankeTunnus}>
+            <CheckRightsByHanke requiredRight="DELETE" hankeTunnus={hankeData.hankeTunnus}>
               <Button variant="primary" iconLeft={<IconCross aria-hidden="true" />} theme="black">
                 {t('hankeList:buttons:endHanke')}
               </Button>
-            </UserRightsCheck>
+            </CheckRightsByHanke>
           </FeatureFlags>
           {!isLoading && isCancelPossible && (
-            <UserRightsCheck requiredRight="DELETE" hankeTunnus={hankeData.hankeTunnus}>
+            <CheckRightsByHanke requiredRight="DELETE" hankeTunnus={hankeData.hankeTunnus}>
               <Button
                 onClick={onCancelHanke}
                 variant="danger"
@@ -266,7 +269,7 @@ const HankeView: React.FC<Props> = ({
               >
                 {t('hankeForm:cancelButton')}
               </Button>
-            </UserRightsCheck>
+            </CheckRightsByHanke>
           )}
         </InformationViewHeaderButtons>
       </InformationViewHeader>
diff --git a/src/domain/hanke/hankeView/HankeViewContainer.tsx b/src/domain/hanke/hankeView/HankeViewContainer.tsx
index 1f1346ec5..19c6a97d8 100644
--- a/src/domain/hanke/hankeView/HankeViewContainer.tsx
+++ b/src/domain/hanke/hankeView/HankeViewContainer.tsx
@@ -5,7 +5,7 @@ import { ROUTES } from '../../../common/types/route';
 import HankeDelete from '../edit/components/HankeDelete';
 import useHanke from '../hooks/useHanke';
 import HankeView from './HankeView';
-import useUserRightsForHanke from '../hankeUsers/hooks/useUserRightsForHanke';
+import { usePermissionsForHanke } from '../hankeUsers/hooks/useUserRightsForHanke';
 
 type Props = {
   hankeTunnus?: string;
@@ -13,7 +13,7 @@ type Props = {
 
 const HankeViewContainer: React.FC<Props> = ({ hankeTunnus }) => {
   const { data: hankeData } = useHanke(hankeTunnus);
-  const { data: signedInUser } = useUserRightsForHanke(hankeTunnus);
+  const { data: signedInUser } = usePermissionsForHanke(hankeTunnus);
   const getEditHankePath = useLinkPath(ROUTES.EDIT_HANKE);
   const getEditRightsPath = useLinkPath(ROUTES.ACCESS_RIGHTS);
   const navigate = useNavigate();
diff --git a/src/domain/hanke/portfolio/HankePortfolio.test.tsx b/src/domain/hanke/portfolio/HankePortfolio.test.tsx
index 9afaab508..62a999109 100644
--- a/src/domain/hanke/portfolio/HankePortfolio.test.tsx
+++ b/src/domain/hanke/portfolio/HankePortfolio.test.tsx
@@ -6,6 +6,8 @@ import HankePortfolioComponent from './HankePortfolioComponent';
 import { render, screen, waitFor } from '../../../testUtils/render';
 import hankeList from '../../mocks/hankeList';
 import { changeFilterDate } from '../../../testUtils/helperFunctions';
+import { USER_VIEW, signedInUserByHanke } from '../../mocks/signedInUser';
+import { SignedInUserByHanke } from '../hankeUsers/hankeUser';
 
 const startDateLabel = 'Ajanjakson alku';
 const endDateLabel = 'Ajanjakson loppu';
@@ -16,7 +18,7 @@ jest.setTimeout(30000);
 
 describe.only('HankePortfolio', () => {
   test('Changing search text filters correct number of projects', async () => {
-    const { user } = render(<HankePortfolioComponent hankkeet={hankeList} />);
+    const { user } = render(<HankePortfolioComponent hankkeet={hankeList} permissions={{}} />);
 
     await user.type(screen.getByLabelText('Haku'), 'Mannerheimintie autottomaksi');
     await waitFor(() => {
@@ -41,7 +43,9 @@ describe.only('HankePortfolio', () => {
   });
 
   test('Changing filter startDates filters correct number of projects', async () => {
-    const renderedComponent = render(<HankePortfolioComponent hankkeet={hankeList} />);
+    const renderedComponent = render(
+      <HankePortfolioComponent hankkeet={hankeList} permissions={{}} />,
+    );
     expect(renderedComponent.getByTestId('numberOfFilteredRows')).toHaveTextContent('2');
     changeFilterDate(startDateLabel, renderedComponent, '02.10.2022');
     expect(renderedComponent.getByTestId('numberOfFilteredRows')).toHaveTextContent('2');
@@ -56,7 +60,9 @@ describe.only('HankePortfolio', () => {
   });
 
   test('Changing filter endDates filters correct number of projects', async () => {
-    const renderedComponent = render(<HankePortfolioComponent hankkeet={hankeList} />);
+    const renderedComponent = render(
+      <HankePortfolioComponent hankkeet={hankeList} permissions={{}} />,
+    );
     expect(renderedComponent.getByTestId('numberOfFilteredRows')).toHaveTextContent('2');
     changeFilterDate(endDateLabel, renderedComponent, '01.10.2022');
     expect(renderedComponent.getByTestId('numberOfFilteredRows')).toHaveTextContent('0');
@@ -72,7 +78,9 @@ describe.only('HankePortfolio', () => {
   });
 
   test('Changing Hanke type filters correct number of projects', async () => {
-    const renderedComponent = render(<HankePortfolioComponent hankkeet={hankeList} />);
+    const renderedComponent = render(
+      <HankePortfolioComponent hankkeet={hankeList} permissions={{}} />,
+    );
     expect(renderedComponent.getByTestId('numberOfFilteredRows')).toHaveTextContent('2');
     await renderedComponent.user.click(
       renderedComponent.getByRole('button', { name: 'Työn tyyppi' }),
@@ -98,13 +106,19 @@ describe.only('HankePortfolio', () => {
   });
 
   test('Having no projects renders correct text', () => {
-    render(<HankePortfolioComponent hankkeet={[]} />);
+    render(<HankePortfolioComponent hankkeet={[]} permissions={{}} />);
 
     expect(screen.queryByText('Hankesalkussasi ei ole hankkeita')).toBeInTheDocument();
   });
 
   test('Should render edit hanke links for hankkeet that user has edit rights', async () => {
-    render(<HankePortfolioComponent hankkeet={hankeList} />);
+    const hankeTunnusList = hankeList.map((hanke) => hanke.hankeTunnus);
+    const signedUserData: SignedInUserByHanke = {
+      ...signedInUserByHanke(hankeTunnusList),
+      [hankeTunnusList[0]]: USER_VIEW,
+    };
+
+    render(<HankePortfolioComponent hankkeet={hankeList} permissions={signedUserData} />);
 
     await waitFor(() => {
       expect(screen.queryAllByTestId('hankeEditLink')).toHaveLength(1);
@@ -112,7 +126,7 @@ describe.only('HankePortfolio', () => {
   });
 
   test('Should show draft state notification for hankkeet that are in draft state', async () => {
-    render(<HankePortfolioComponent hankkeet={hankeList} />);
+    render(<HankePortfolioComponent hankkeet={hankeList} permissions={{}} />);
 
     expect(
       screen.getAllByText(
diff --git a/src/domain/hanke/portfolio/HankePortfolioComponent.tsx b/src/domain/hanke/portfolio/HankePortfolioComponent.tsx
index c16c344d7..94da5e429 100644
--- a/src/domain/hanke/portfolio/HankePortfolioComponent.tsx
+++ b/src/domain/hanke/portfolio/HankePortfolioComponent.tsx
@@ -39,13 +39,18 @@ import { SKIP_TO_ELEMENT_ID } from '../../../common/constants/constants';
 import useHankeViewPath from '../hooks/useHankeViewPath';
 import { useNavigateToApplicationList } from '../hooks/useNavigateToApplicationList';
 import FeatureFlags from '../../../common/components/featureFlags/FeatureFlags';
-import UserRightsCheck from '../hankeUsers/UserRightsCheck';
+import { CheckRightsByUser } from '../hankeUsers/UserRightsCheck';
+import { SignedInUser, SignedInUserByHanke } from '../hankeUsers/hankeUser';
 
 type CustomAccordionProps = {
   hanke: HankeData;
+  signedUser: SignedInUser | undefined;
 };
 
-const CustomAccordion: React.FC<React.PropsWithChildren<CustomAccordionProps>> = ({ hanke }) => {
+const CustomAccordion: React.FC<React.PropsWithChildren<CustomAccordionProps>> = ({
+  hanke,
+  signedUser,
+}) => {
   const getEditHankePath = useLinkPath(ROUTES.EDIT_HANKE);
   const hankeViewPath = useHankeViewPath(hanke?.hankeTunnus);
   const navigateToApplications = useNavigateToApplicationList(hanke?.hankeTunnus);
@@ -115,7 +120,7 @@ const CustomAccordion: React.FC<React.PropsWithChildren<CustomAccordionProps>> =
               <IconEye aria-hidden />
             </Link>
             <FeatureFlags flags={['hanke']}>
-              <UserRightsCheck requiredRight="EDIT" hankeTunnus={hanke.hankeTunnus}>
+              <CheckRightsByUser requiredRight="EDIT" signedUser={signedUser}>
                 <Link
                   to={getEditHankePath({ hankeTunnus: hanke.hankeTunnus })}
                   aria-label={
@@ -127,7 +132,7 @@ const CustomAccordion: React.FC<React.PropsWithChildren<CustomAccordionProps>> =
                 >
                   <IconPen aria-hidden />
                 </Link>
-              </UserRightsCheck>
+              </CheckRightsByUser>
             </FeatureFlags>
           </div>
           <button type="button" className={styles.iconWrapper}>
@@ -233,10 +238,14 @@ export type Column = {
 };
 
 export interface PagedRowsProps {
-  data: Array<HankeData>;
+  hankkeet: Array<HankeData>;
+  permissions: SignedInUserByHanke;
 }
 
-const PaginatedPortfolio: React.FC<React.PropsWithChildren<PagedRowsProps>> = ({ data }) => {
+const PaginatedPortfolio: React.FC<React.PropsWithChildren<PagedRowsProps>> = ({
+  hankkeet,
+  permissions,
+}) => {
   const {
     hankeFilterStartDate,
     hankeFilterEndDate,
@@ -346,7 +355,7 @@ const PaginatedPortfolio: React.FC<React.PropsWithChildren<PagedRowsProps>> = ({
   } = useTable(
     {
       columns,
-      data,
+      data: hankkeet,
       initialState: {
         pageSize: 10,
         sortBy: useMemo(() => [{ id: 'alkuPvm', desc: false }], []),
@@ -574,7 +583,10 @@ const PaginatedPortfolio: React.FC<React.PropsWithChildren<PagedRowsProps>> = ({
               page.map((row) => {
                 return (
                   <div key={row.original.hankeTunnus}>
-                    <CustomAccordion hanke={row.original} />
+                    <CustomAccordion
+                      hanke={row.original}
+                      signedUser={permissions[row.original.hankeTunnus]}
+                    />
                   </div>
                 );
               })}
@@ -615,12 +627,13 @@ const PaginatedPortfolio: React.FC<React.PropsWithChildren<PagedRowsProps>> = ({
 
 type Props = {
   hankkeet: HankeData[];
+  permissions: SignedInUserByHanke;
 };
 
-const HankePortfolio: React.FC<React.PropsWithChildren<Props>> = ({ hankkeet }) => {
+const HankePortfolio: React.FC<React.PropsWithChildren<Props>> = ({ hankkeet, permissions }) => {
   return (
     <div className={styles.hankesalkkuContainer}>
-      <PaginatedPortfolio data={hankkeet} />
+      <PaginatedPortfolio hankkeet={hankkeet} permissions={permissions} />
     </div>
   );
 };
diff --git a/src/domain/hanke/portfolio/HankePortfolioContainer.tsx b/src/domain/hanke/portfolio/HankePortfolioContainer.tsx
index fe2c9201b..4ec3c174c 100644
--- a/src/domain/hanke/portfolio/HankePortfolioContainer.tsx
+++ b/src/domain/hanke/portfolio/HankePortfolioContainer.tsx
@@ -3,6 +3,7 @@ import { useQuery } from 'react-query';
 import api from '../../api/api';
 import { HankeData } from '../../types/hanke';
 import HankePortfolioComponent from './HankePortfolioComponent';
+import { usePermissionsByHanke } from '../hankeUsers/hooks/useUserRightsForHanke';
 
 const getHankkeet = async () => {
   const { data } = await api.get<HankeData[]>(`/hankkeet`, {
@@ -16,10 +17,16 @@ const getHankkeet = async () => {
 const useHankeList = () => useQuery<HankeData[]>(['project'], getHankkeet);
 
 const HankePortfolioContainer: React.FC<React.PropsWithChildren<unknown>> = () => {
-  const { data } = useHankeList();
+  const { data: hankkeet } = useHankeList();
+  const { data: permissionsByHanke } = usePermissionsByHanke();
+  const permissions = permissionsByHanke ?? {};
 
   // Add header to fix Axe "page-has-heading-one"-error
-  return data ? <HankePortfolioComponent hankkeet={data} /> : <></>;
+  return hankkeet ? (
+    <HankePortfolioComponent hankkeet={hankkeet} permissions={permissions} />
+  ) : (
+    <></>
+  );
 };
 
 export default HankePortfolioContainer;
diff --git a/src/domain/mocks/signedInUser.ts b/src/domain/mocks/signedInUser.ts
new file mode 100644
index 000000000..571ee69c1
--- /dev/null
+++ b/src/domain/mocks/signedInUser.ts
@@ -0,0 +1,67 @@
+import {
+  AccessRightLevel,
+  Rights,
+  SignedInUser,
+  SignedInUserByHanke,
+} from '../hanke/hankeUsers/hankeUser';
+
+export const USER_ALL: SignedInUser = {
+  hankeKayttajaId: 'cc0376be-9609-4b2b-bb10-5a385bdea1d8',
+  kayttooikeustaso: AccessRightLevel.KAIKKI_OIKEUDET,
+  kayttooikeudet: Object.values(Rights),
+};
+
+export const USER_EDIT_ALL: SignedInUser = {
+  hankeKayttajaId: '79284308-d532-4f90-bae7-ea45f947a9c1',
+  kayttooikeustaso: AccessRightLevel.KAIKKIEN_MUOKKAUS,
+  kayttooikeudet: [
+    Rights.VIEW,
+    Rights.MODIFY_VIEW_PERMISSIONS,
+    Rights.EDIT,
+    Rights.MODIFY_EDIT_PERMISSIONS,
+    Rights.EDIT_APPLICATIONS,
+    Rights.MODIFY_APPLICATION_PERMISSIONS,
+    Rights.RESEND_INVITATION,
+  ],
+};
+
+export const USER_EDIT_HANKE: SignedInUser = {
+  hankeKayttajaId: '678585e0-11c5-4675-8847-46132ab0e60c',
+  kayttooikeustaso: AccessRightLevel.HANKEMUOKKAUS,
+  kayttooikeudet: [Rights.VIEW, Rights.EDIT, Rights.RESEND_INVITATION],
+};
+
+export const USER_HAKEMUSASIOINTI: SignedInUser = {
+  hankeKayttajaId: '448ef74f-bf6e-4011-b924-8f559f716a4c',
+  kayttooikeustaso: AccessRightLevel.HAKEMUSASIOINTI,
+  kayttooikeudet: [Rights.VIEW, Rights.EDIT_APPLICATIONS, Rights.RESEND_INVITATION],
+};
+
+export const USER_VIEW: SignedInUser = {
+  hankeKayttajaId: 'ecd6027f-a66f-4ee4-854e-20f0a66c40f8',
+  kayttooikeustaso: AccessRightLevel.KATSELUOIKEUS,
+  kayttooikeudet: [Rights.VIEW],
+};
+
+export const signedInUsers: SignedInUser[] = [
+  USER_ALL,
+  USER_EDIT_ALL,
+  USER_EDIT_HANKE,
+  USER_HAKEMUSASIOINTI,
+  USER_VIEW,
+];
+
+export const signedInUser = (accessLevel: AccessRightLevel) =>
+  signedInUsers.find((user) => user.kayttooikeustaso === accessLevel) ?? USER_VIEW;
+
+export const signedInUserByHanke = (
+  hankeTunnusList: string[],
+  access: AccessRightLevel = AccessRightLevel.KAIKKI_OIKEUDET,
+): SignedInUserByHanke =>
+  hankeTunnusList.reduce(
+    (data: SignedInUserByHanke, tunnus: string) => ({
+      ...data,
+      [tunnus]: signedInUser(access),
+    }),
+    {},
+  );