diff --git a/scm-ui/ui-components/src/contexts/MenuContext.ts b/scm-ui/ui-components/src/contexts/MenuContext.ts
new file mode 100644
index 0000000000..fcd83ce801
--- /dev/null
+++ b/scm-ui/ui-components/src/contexts/MenuContext.ts
@@ -0,0 +1,15 @@
+import React from "react";
+
+const MENU_COLLAPSED = "secondary-menu-collapsed";
+
+export const MenuContext = React.createContext({
+  menuCollapsed: localStorage.getItem(MENU_COLLAPSED) === "true",
+  setMenuCollapsed: (collapsed: boolean) => {}
+});
+
+export function isMenuCollapsed() {
+  return localStorage.getItem(MENU_COLLAPSED) === "true";
+}
+export function storeMenuCollapsed(status: boolean) {
+  localStorage.setItem(MENU_COLLAPSED, String(status));
+}
diff --git a/scm-ui/ui-components/src/contexts/index.ts b/scm-ui/ui-components/src/contexts/index.ts
new file mode 100644
index 0000000000..56f9c0126a
--- /dev/null
+++ b/scm-ui/ui-components/src/contexts/index.ts
@@ -0,0 +1,3 @@
+// @create-index
+
+export { MenuContext, storeMenuCollapsed, isMenuCollapsed } from "./MenuContext";
diff --git a/scm-ui/ui-components/src/index.ts b/scm-ui/ui-components/src/index.ts
index 46ccbb48ec..566bcf38aa 100644
--- a/scm-ui/ui-components/src/index.ts
+++ b/scm-ui/ui-components/src/index.ts
@@ -67,6 +67,7 @@ export * from "./navigation";
 export * from "./repos";
 export * from "./table";
 export * from "./toast";
+export * from "./contexts";
 
 export {
   File,
diff --git a/scm-ui/ui-webapp/src/repos/modules/repos.ts b/scm-ui/ui-webapp/src/repos/modules/repos.ts
index b2c1150fc3..38da52611f 100644
--- a/scm-ui/ui-webapp/src/repos/modules/repos.ts
+++ b/scm-ui/ui-webapp/src/repos/modules/repos.ts
@@ -442,17 +442,3 @@ export function getPermissionsLink(state: object, namespace: string, name: strin
   const repo = getRepository(state, namespace, name);
   return repo && repo._links ? repo._links.permissions.href : undefined;
 }
-
-const REPOSITORY_MENU_COLLAPSED = "repository-menu-collapsed";
-
-export function isRepositoryMenuCollapsed() {
-  return localStorage.getItem(REPOSITORY_MENU_COLLAPSED) === "true";
-}
-export function switchRepositoryMenuCollapsed(status: boolean) {
-  localStorage.setItem(REPOSITORY_MENU_COLLAPSED, String(status));
-}
-
-export const RepositoryContext = React.createContext({
-  menuCollapsed: isRepositoryMenuCollapsed(),
-  toggleMenuCollapsed: () => {}
-});