From 634f838b562f95d14e1abe10a2c12baaa584731a Mon Sep 17 00:00:00 2001
From: andreastanderen <71079896+standeren@users.noreply.github.com>
Date: Mon, 16 Dec 2024 07:20:01 +0100
Subject: [PATCH] refactor: add 'page' suffix to the library page components
 (#14279)

Co-authored-by: Tomas Engebretsen <tomas.engebretsen@digdir.no>
---
 .../appContentLibrary/AppContentLibrary.test.tsx     |  4 ++--
 .../LibraryBody/pages/CodeList/index.ts              |  2 --
 .../CodeListPage.module.css}                         |  0
 .../CodeListPage.test.tsx}                           | 12 ++++++------
 .../CodeList.tsx => CodeListPage/CodeListPage.tsx}   |  8 ++++----
 .../CodeLists/CodeLists.test.tsx                     |  2 +-
 .../CodeLists/CodeLists.tsx                          |  2 +-
 .../{CodeList => CodeListPage}/CodeLists/index.ts    |  0
 .../CodeListsActionsBar.module.css                   |  0
 .../CodeListsActionsBar/CodeListsActionsBar.test.tsx |  0
 .../CodeListsActionsBar/CodeListsActionsBar.tsx      |  2 +-
 .../CreateNewCodeListModal.module.css                |  0
 .../CreateNewCodeListModal.test.tsx                  |  0
 .../CreateNewCodeListModal.tsx                       |  2 +-
 .../CodeListsActionsBar/index.ts                     |  0
 .../CodeListsCounterMessage.test.tsx                 |  0
 .../CodeListsCounterMessage.tsx                      |  0
 .../CodeListsCounterMessage/index.ts                 |  0
 .../hooks/useCodeListEditorTexts.ts                  |  0
 .../hooks/useInputCodeListNameErrorMessage.test.ts   |  0
 .../hooks/useInputCodeListNameErrorMessage.ts        |  0
 .../hooks/useUploadCodeListNameErrorMessage.test.ts  |  0
 .../hooks/useUploadCodeListNameErrorMessage.ts       |  0
 .../LibraryBody/pages/CodeListPage/index.ts          |  2 ++
 .../ContentLibrary/LibraryBody/pages/Images/index.ts |  1 -
 .../ImagesPage.test.tsx}                             | 12 ++++++------
 .../{Images/Images.tsx => ImagesPage/ImagesPage.tsx} |  4 ++--
 .../LibraryBody/pages/ImagesPage/index.ts            |  1 +
 .../src/ContentLibrary/LibraryBody/pages/index.ts    |  2 +-
 .../studio-content-library/src/types/PagesProps.ts   |  8 ++++----
 .../src/utils/router/RouterRouteMapper.test.ts       |  4 ++--
 .../src/utils/router/RouterRouteMapper.ts            | 12 ++++++------
 32 files changed, 40 insertions(+), 40 deletions(-)
 delete mode 100644 frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/index.ts
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList/CodeList.module.css => CodeListPage/CodeListPage.module.css} (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList/CodeList.test.tsx => CodeListPage/CodeListPage.test.tsx} (89%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList/CodeList.tsx => CodeListPage/CodeListPage.tsx} (90%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeLists/CodeLists.test.tsx (98%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeLists/CodeLists.tsx (96%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeLists/index.ts (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsActionsBar/CodeListsActionsBar.module.css (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsActionsBar/CodeListsActionsBar.test.tsx (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsActionsBar/CodeListsActionsBar.tsx (96%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.module.css (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.test.tsx (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx (98%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsActionsBar/index.ts (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsCounterMessage/CodeListsCounterMessage.test.tsx (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsCounterMessage/CodeListsCounterMessage.tsx (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/CodeListsCounterMessage/index.ts (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/hooks/useCodeListEditorTexts.ts (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/hooks/useInputCodeListNameErrorMessage.test.ts (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/hooks/useInputCodeListNameErrorMessage.ts (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/hooks/useUploadCodeListNameErrorMessage.test.ts (100%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{CodeList => CodeListPage}/hooks/useUploadCodeListNameErrorMessage.ts (100%)
 create mode 100644 frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/index.ts
 delete mode 100644 frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/index.ts
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{Images/Images.test.tsx => ImagesPage/ImagesPage.test.tsx} (81%)
 rename frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/{Images/Images.tsx => ImagesPage/ImagesPage.tsx} (88%)
 create mode 100644 frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/index.ts

diff --git a/frontend/app-development/features/appContentLibrary/AppContentLibrary.test.tsx b/frontend/app-development/features/appContentLibrary/AppContentLibrary.test.tsx
index f30022cc42e..ac0c6d30212 100644
--- a/frontend/app-development/features/appContentLibrary/AppContentLibrary.test.tsx
+++ b/frontend/app-development/features/appContentLibrary/AppContentLibrary.test.tsx
@@ -18,9 +18,9 @@ const updateCodeListButtonTextMock = 'Update Code List';
 const codeListNameMock = 'codeListNameMock';
 const codeListMock: CodeList = [{ value: '', label: '' }];
 jest.mock(
-  '../../../libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList',
+  '../../../libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage',
   () => ({
-    CodeList: ({ onUpdateCodeList, onUploadCodeList }: any) => (
+    CodeListPage: ({ onUpdateCodeList, onUploadCodeList }: any) => (
       <div>
         <button
           onClick={() =>
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/index.ts
deleted file mode 100644
index 12202f77851..00000000000
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { CodeList } from './CodeList';
-export type { CodeListWithMetadata, CodeListProps } from './CodeList';
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.module.css b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.module.css
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.module.css
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.module.css
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.test.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.test.tsx
similarity index 89%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.test.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.test.tsx
index 745d1f88c7d..be1931673aa 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.test.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.test.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import type { CodeListProps, CodeListWithMetadata } from './CodeList';
-import { CodeList } from './CodeList';
+import type { CodeListPageProps, CodeListWithMetadata } from './CodeListPage';
+import { CodeListPage } from './CodeListPage';
 import { textMock } from '@studio/testing/mocks/i18nMock';
 
 const onUpdateCodeListMock = jest.fn();
@@ -12,7 +12,7 @@ const codeListMock: CodeListWithMetadata = {
   codeList: [{ value: 'value', label: 'label' }],
 };
 
-describe('CodeList', () => {
+describe('CodeListPage', () => {
   it('renders the codeList heading', () => {
     renderCodeList();
     const codeListHeading = screen.getByRole('heading', {
@@ -56,7 +56,7 @@ describe('CodeList', () => {
   });
 });
 
-const defaultCodeListProps: CodeListProps = {
+const defaultCodeListProps: CodeListPageProps = {
   codeLists: [codeListMock],
   onUpdateCodeList: onUpdateCodeListMock,
   onUploadCodeList: onUploadCodeListMock,
@@ -68,9 +68,9 @@ const renderCodeList = ({
   onUpdateCodeList,
   onUploadCodeList,
   fetchDataError,
-}: Partial<CodeListProps> = defaultCodeListProps) => {
+}: Partial<CodeListPageProps> = defaultCodeListProps) => {
   render(
-    <CodeList
+    <CodeListPage
       codeLists={codeLists}
       onUpdateCodeList={onUpdateCodeList}
       onUploadCodeList={onUploadCodeList}
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.tsx
similarity index 90%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.tsx
index 3c845353df2..224aac3d3dd 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeList.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 import { CodeListsActionsBar } from './CodeListsActionsBar';
 import { CodeLists } from './CodeLists';
 import { CodeListsCounterMessage } from './CodeListsCounterMessage';
-import classes from './CodeList.module.css';
+import classes from './CodeListPage.module.css';
 import { ArrayUtils } from '@studio/pure-functions';
 
 export type CodeListWithMetadata = {
@@ -13,18 +13,18 @@ export type CodeListWithMetadata = {
   title: string;
 };
 
-export type CodeListProps = {
+export type CodeListPageProps = {
   codeLists: CodeListWithMetadata[];
   onUpdateCodeList: (updatedCodeList: CodeListWithMetadata) => void;
   onUploadCodeList: (uploadedCodeList: File) => void;
   fetchDataError: boolean;
 };
-export function CodeList({
+export function CodeListPage({
   codeLists,
   onUpdateCodeList,
   onUploadCodeList,
   fetchDataError,
-}: CodeListProps): React.ReactElement {
+}: CodeListPageProps): React.ReactElement {
   const { t } = useTranslation();
 
   if (fetchDataError)
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/CodeLists.test.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/CodeLists.test.tsx
similarity index 98%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/CodeLists.test.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/CodeLists.test.tsx
index e73937a2a17..3ee864fd806 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/CodeLists.test.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/CodeLists.test.tsx
@@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/react';
 import type { CodeListsProps } from './CodeLists';
 import { updateCodeListWithMetadata, CodeLists } from './CodeLists';
 import { textMock } from '@studio/testing/mocks/i18nMock';
-import type { CodeListWithMetadata } from '../CodeList';
+import type { CodeListWithMetadata } from '../CodeListPage';
 import type { UserEvent } from '@testing-library/user-event';
 import type { RenderResult } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/CodeLists.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/CodeLists.tsx
similarity index 96%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/CodeLists.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/CodeLists.tsx
index c2553e24db5..9eff18b4932 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/CodeLists.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/CodeLists.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CodeListWithMetadata } from '../CodeList';
+import type { CodeListWithMetadata } from '../CodeListPage';
 import { Accordion } from '@digdir/designsystemet-react';
 import { StudioCodeListEditor } from '@studio/components';
 import type { CodeList as StudioComponentsCodeList, CodeListEditorTexts } from '@studio/components';
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/index.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeLists/index.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeLists/index.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CodeListsActionsBar.module.css b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.module.css
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CodeListsActionsBar.module.css
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.module.css
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CodeListsActionsBar.test.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.test.tsx
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CodeListsActionsBar.test.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.test.tsx
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CodeListsActionsBar.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx
similarity index 96%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CodeListsActionsBar.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx
index 25c03b4e8ff..6cc658ea431 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CodeListsActionsBar.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx
@@ -3,7 +3,7 @@ import { Search } from '@digdir/designsystemet-react';
 import { StudioFileUploader } from '@studio/components';
 import classes from './CodeListsActionsBar.module.css';
 import { useTranslation } from 'react-i18next';
-import type { CodeListWithMetadata } from '../CodeList';
+import type { CodeListWithMetadata } from '../CodeListPage';
 import { CreateNewCodeListModal } from './CreateNewCodeListModal/CreateNewCodeListModal';
 import { FileNameUtils } from '@studio/pure-functions';
 import { useUploadCodeListNameErrorMessage } from '../hooks/useUploadCodeListNameErrorMessage';
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.module.css b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.module.css
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.module.css
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.module.css
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.test.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.test.tsx
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.test.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.test.tsx
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx
similarity index 98%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx
index 4d34676d9b4..eaf36826cd8 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx
@@ -10,7 +10,7 @@ import { useTranslation } from 'react-i18next';
 import { useOptionListEditorTexts } from '../../hooks/useCodeListEditorTexts';
 import { CheckmarkIcon } from '@studio/icons';
 import classes from './CreateNewCodeListModal.module.css';
-import type { CodeListWithMetadata } from '../../CodeList';
+import type { CodeListWithMetadata } from '../../CodeListPage';
 import { FileNameUtils } from '@studio/pure-functions';
 import { useInputCodeListNameErrorMessage } from '../../hooks/useInputCodeListNameErrorMessage';
 
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/index.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsActionsBar/index.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/index.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsCounterMessage/CodeListsCounterMessage.test.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsCounterMessage/CodeListsCounterMessage.test.tsx
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsCounterMessage/CodeListsCounterMessage.test.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsCounterMessage/CodeListsCounterMessage.test.tsx
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsCounterMessage/CodeListsCounterMessage.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsCounterMessage/CodeListsCounterMessage.tsx
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsCounterMessage/CodeListsCounterMessage.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsCounterMessage/CodeListsCounterMessage.tsx
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsCounterMessage/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsCounterMessage/index.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/CodeListsCounterMessage/index.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsCounterMessage/index.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useCodeListEditorTexts.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useCodeListEditorTexts.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useCodeListEditorTexts.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useCodeListEditorTexts.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useInputCodeListNameErrorMessage.test.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useInputCodeListNameErrorMessage.test.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useInputCodeListNameErrorMessage.test.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useInputCodeListNameErrorMessage.test.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useInputCodeListNameErrorMessage.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useInputCodeListNameErrorMessage.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useInputCodeListNameErrorMessage.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useInputCodeListNameErrorMessage.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useUploadCodeListNameErrorMessage.test.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useUploadCodeListNameErrorMessage.test.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useUploadCodeListNameErrorMessage.test.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useUploadCodeListNameErrorMessage.test.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useUploadCodeListNameErrorMessage.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useUploadCodeListNameErrorMessage.ts
similarity index 100%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeList/hooks/useUploadCodeListNameErrorMessage.ts
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/hooks/useUploadCodeListNameErrorMessage.ts
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/index.ts
new file mode 100644
index 00000000000..37eddf1ea3b
--- /dev/null
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/index.ts
@@ -0,0 +1,2 @@
+export { CodeListPage } from './CodeListPage';
+export type { CodeListWithMetadata, CodeListPageProps } from './CodeListPage';
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/index.ts
deleted file mode 100644
index e9607291625..00000000000
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Images';
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/Images.test.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/ImagesPage.test.tsx
similarity index 81%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/Images.test.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/ImagesPage.test.tsx
index 6ca11ad21e5..5d59094ea19 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/Images.test.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/ImagesPage.test.tsx
@@ -2,8 +2,8 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { textMock } from '@studio/testing/mocks/i18nMock';
-import type { Image, ImagesProps } from './Images';
-import { Images } from './Images';
+import type { Image, ImagesPageProps } from './ImagesPage';
+import { ImagesPage } from './ImagesPage';
 
 const onUpdateImageMock = jest.fn();
 const imageMock: Image = {
@@ -11,7 +11,7 @@ const imageMock: Image = {
   imageSrc: 'www.external-image-url.com',
 };
 
-describe('Images', () => {
+describe('ImagesPage', () => {
   it('renders the images heading', () => {
     renderImages();
     const imagesHeading = screen.getByRole('heading', {
@@ -36,11 +36,11 @@ describe('Images', () => {
   });
 });
 
-const defaultImagesProps: ImagesProps = {
+const defaultImagesProps: ImagesPageProps = {
   images: [imageMock],
   onUpdateImage: onUpdateImageMock,
 };
 
-const renderImages = (imagesProps: ImagesProps = defaultImagesProps) => {
-  render(<Images {...imagesProps} />);
+const renderImages = (imagesProps: ImagesPageProps = defaultImagesProps) => {
+  render(<ImagesPage {...imagesProps} />);
 };
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/Images.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/ImagesPage.tsx
similarity index 88%
rename from frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/Images.tsx
rename to frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/ImagesPage.tsx
index fa812bd9e69..8dd33945c64 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/Images/Images.tsx
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/ImagesPage.tsx
@@ -8,12 +8,12 @@ export type Image = {
   imageSrc: string;
 };
 
-export type ImagesProps = {
+export type ImagesPageProps = {
   images: Image[];
   onUpdateImage: (updatedImage: Image) => void;
 };
 
-export function Images({ images, onUpdateImage }: ImagesProps): React.ReactElement {
+export function ImagesPage({ images, onUpdateImage }: ImagesPageProps): React.ReactElement {
   const { t } = useTranslation();
 
   const noExistingImages = images.length === 0;
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/index.ts
new file mode 100644
index 00000000000..b5abf3e6a5c
--- /dev/null
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/ImagesPage/index.ts
@@ -0,0 +1 @@
+export * from './ImagesPage';
diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/index.ts b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/index.ts
index 36261131269..4066219e3f5 100644
--- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/index.ts
+++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/index.ts
@@ -1 +1 @@
-export type { CodeListWithMetadata } from './CodeList';
+export type { CodeListWithMetadata } from './CodeListPage';
diff --git a/frontend/libs/studio-content-library/src/types/PagesProps.ts b/frontend/libs/studio-content-library/src/types/PagesProps.ts
index 07aea20e47d..fe912763c45 100644
--- a/frontend/libs/studio-content-library/src/types/PagesProps.ts
+++ b/frontend/libs/studio-content-library/src/types/PagesProps.ts
@@ -1,11 +1,11 @@
-import type { CodeListProps } from '../ContentLibrary/LibraryBody/pages/CodeList';
+import type { CodeListPageProps } from '../ContentLibrary/LibraryBody/pages/CodeListPage';
 import type { PageName } from './PageName';
-import type { ImagesProps } from '../ContentLibrary/LibraryBody/pages/Images';
+import type { ImagesPageProps } from '../ContentLibrary/LibraryBody/pages/ImagesPage';
 
 export type PagePropsMap<P extends PageName> = {
   landingPage: {};
-  codeList: CodeListProps;
-  images: ImagesProps;
+  codeList: CodeListPageProps;
+  images: ImagesPageProps;
 }[P];
 
 type GlobalPageConfig<T> = {
diff --git a/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.test.ts b/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.test.ts
index 33f366192cf..439f99b18da 100644
--- a/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.test.ts
+++ b/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.test.ts
@@ -1,6 +1,6 @@
 import { RouterRouteMapperImpl } from './RouterRouteMapper';
 import { LandingPage } from '../../ContentLibrary/LibraryBody/pages/LandingPage';
-import { CodeList } from '../../ContentLibrary/LibraryBody/pages/CodeList';
+import { CodeListPage } from '../../ContentLibrary/LibraryBody/pages/CodeListPage';
 import { mockPagesConfig } from '../../../mocks/mockPagesConfig';
 
 describe('RouterRouteMapperImpl', () => {
@@ -11,7 +11,7 @@ describe('RouterRouteMapperImpl', () => {
     expect(routes.has('landingPage')).toBeTruthy();
     expect(routes.has('codeList')).toBeTruthy();
     expect(routes.get('landingPage')).toBe(LandingPage);
-    expect(routes.get('codeList')).toBe(CodeList);
+    expect(routes.get('codeList')).toBe(CodeListPage);
   });
 
   it('should always include landingPage even when noe pages are passed', () => {
diff --git a/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.ts b/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.ts
index 211a5ef5c69..652e3f72a8b 100644
--- a/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.ts
+++ b/frontend/libs/studio-content-library/src/utils/router/RouterRouteMapper.ts
@@ -1,14 +1,14 @@
 import { type ComponentProps, type ReactElement } from 'react';
-import { CodeList } from '../../ContentLibrary/LibraryBody/pages/CodeList';
+import { CodeListPage } from '../../ContentLibrary/LibraryBody/pages/CodeListPage';
 import type { PageName } from '../../types/PageName';
 import { LandingPage } from '../../ContentLibrary/LibraryBody/pages/LandingPage';
 import type { PagesConfig } from '../../types/PagesProps';
-import { Images } from '../../ContentLibrary/LibraryBody/pages/Images';
+import { ImagesPage } from '../../ContentLibrary/LibraryBody/pages/ImagesPage';
 
 type PageProps =
   | ComponentProps<typeof LandingPage>
-  | ComponentProps<typeof CodeList>
-  | ComponentProps<typeof Images>;
+  | ComponentProps<typeof CodeListPage>
+  | ComponentProps<typeof ImagesPage>;
 
 export type PageComponent<P = PageProps> = (props: P) => ReactElement;
 
@@ -36,10 +36,10 @@ export class RouterRouteMapperImpl implements RouterRouteMapper {
 
     Object.keys(pages).forEach((page: PageName) => {
       if (page === 'codeList') {
-        pageMap.set('codeList', CodeList);
+        pageMap.set('codeList', CodeListPage);
       }
       if (page === 'images') {
-        pageMap.set('images', Images);
+        pageMap.set('images', ImagesPage);
       }
     });