diff --git a/CHANGELOG.md b/CHANGELOG.md
index 78fc70aca..56d5f8716 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,8 @@ All notable changes to this project will be documented in this file.
- Missing console react-pdf dependency in package.json
- On sign out, clear cookie along with the existing session expiration
+- Remove conditional rendering of org search input on console
+- Fix organizations page layout vertical alignment
## [0.116.1] - 2026-01-18
diff --git a/apps/console/src/pages/iam/memberships/MembershipsPage.tsx b/apps/console/src/pages/iam/memberships/MembershipsPage.tsx
index 4baf56578..c010ea1af 100644
--- a/apps/console/src/pages/iam/memberships/MembershipsPage.tsx
+++ b/apps/console/src/pages/iam/memberships/MembershipsPage.tsx
@@ -107,16 +107,14 @@ export function MembershipsPage(props: {
{__("Your organizations")}
)}
- {memberships.length > 3 && (
-
-
-
- )}
+
+
+
{memberships.length === 0 ? (
{__("No organizations found")}
diff --git a/apps/console/src/pages/iam/memberships/ViewerLayout.tsx b/apps/console/src/pages/iam/memberships/ViewerLayout.tsx
index b81b6dc31..a08ef087d 100644
--- a/apps/console/src/pages/iam/memberships/ViewerLayout.tsx
+++ b/apps/console/src/pages/iam/memberships/ViewerLayout.tsx
@@ -1,6 +1,6 @@
import { graphql, usePreloadedQuery, type PreloadedQuery } from "react-relay";
import { Outlet } from "react-router";
-import { CenteredLayout, Layout, Skeleton } from "@probo/ui";
+import { Layout, Skeleton } from "@probo/ui";
import type { ViewerLayoutQuery } from "/__generated__/iam/ViewerLayoutQuery.graphql";
import { Suspense } from "react";
import { ViewerDropdown } from "./_components/ViewerDropdown";
@@ -34,9 +34,7 @@ export function ViewerLayout(props: {
}
>
-
-
-
+
);
}
diff --git a/apps/console/src/pages/iam/memberships/ViewerLayoutLoader.tsx b/apps/console/src/pages/iam/memberships/ViewerLayoutLoader.tsx
index 9629d5297..e5cfcf6a9 100644
--- a/apps/console/src/pages/iam/memberships/ViewerLayoutLoader.tsx
+++ b/apps/console/src/pages/iam/memberships/ViewerLayoutLoader.tsx
@@ -1,9 +1,9 @@
import { useQueryLoader } from "react-relay";
import { Suspense, useEffect } from "react";
-import { CenteredLayoutSkeleton } from "@probo/ui";
import type { ViewerLayoutQuery } from "/__generated__/iam/ViewerLayoutQuery.graphql";
import { ViewerLayout, viewerLayoutQuery } from "./ViewerLayout";
import { IAMRelayProvider } from "/providers/IAMRelayProvider";
+import { ViewerLayoutLoading } from "./ViewerLayoutLoading";
function ViewerLayoutLoader() {
const [queryRef, loadQuery] =
@@ -14,11 +14,11 @@ function ViewerLayoutLoader() {
}, [loadQuery]);
if (!queryRef) {
- return ;
+ return ;
}
return (
- }>
+ }>
);
diff --git a/apps/console/src/pages/iam/memberships/ViewerLayoutLoading.tsx b/apps/console/src/pages/iam/memberships/ViewerLayoutLoading.tsx
new file mode 100644
index 000000000..e3394f3fb
--- /dev/null
+++ b/apps/console/src/pages/iam/memberships/ViewerLayoutLoading.tsx
@@ -0,0 +1,16 @@
+import { Layout, Skeleton } from "@probo/ui";
+import { Outlet } from "react-router";
+
+export function ViewerLayoutLoading() {
+ return (
+
+
+
+ }
+ >
+
+
+ );
+}
diff --git a/apps/console/src/pages/iam/organizations/NewOrganizationPage.tsx b/apps/console/src/pages/iam/organizations/NewOrganizationPage.tsx
index 44a5c6178..0ecf94a61 100644
--- a/apps/console/src/pages/iam/organizations/NewOrganizationPage.tsx
+++ b/apps/console/src/pages/iam/organizations/NewOrganizationPage.tsx
@@ -1,8 +1,15 @@
import { useTranslate } from "@probo/i18n";
-import { Button, Card, Field, PageHeader, useToast } from "@probo/ui";
+import {
+ Button,
+ Card,
+ Field,
+ IconChevronLeft,
+ PageHeader,
+ useToast,
+} from "@probo/ui";
import { graphql, useMutation } from "react-relay";
import type { FormEventHandler } from "react";
-import { useNavigate } from "react-router";
+import { Link, useLocation, useNavigate } from "react-router";
import { formatError } from "@probo/helpers";
import type { NewOrganizationPageMutation } from "/__generated__/iam/NewOrganizationPageMutation.graphql";
import { IAMRelayProvider } from "/providers/IAMRelayProvider";
@@ -19,6 +26,7 @@ const createOrganizationMutation = graphql`
`;
function NewOrganizationPage() {
+ const location = useLocation();
const navigate = useNavigate();
const { toast } = useToast();
const { __ } = useTranslate();
@@ -75,6 +83,13 @@ function NewOrganizationPage() {
return (
+
+
+ {__("Back")}
+
)}
-
+
{__("Add organization")}
diff --git a/apps/console/src/routes.tsx b/apps/console/src/routes.tsx
index 6b94a32dd..63ed1c803 100644
--- a/apps/console/src/routes.tsx
+++ b/apps/console/src/routes.tsx
@@ -4,7 +4,6 @@ import {
redirect,
useRouteError,
} from "react-router";
-import { CenteredLayoutSkeleton } from "@probo/ui";
import { PageSkeleton } from "./components/skeletons/PageSkeleton.tsx";
import { riskRoutes } from "./routes/riskRoutes.ts";
import { measureRoutes } from "./routes/measureRoutes.ts";
@@ -36,6 +35,8 @@ import {
} from "@probo/relay";
import { CurrentUser } from "./providers/CurrentUser.tsx";
import { use } from "react";
+import { ViewerLayoutLoading } from "./pages/iam/memberships/ViewerLayoutLoading.tsx";
+import { CenteredLayout } from "@probo/ui";
/**
* Top level error boundary
@@ -104,7 +105,7 @@ const routes = [
{
path: "/",
Component: lazy(() => import("./pages/iam/memberships/ViewerLayoutLoader")),
- Fallback: CenteredLayoutSkeleton,
+ Fallback: ViewerLayoutLoading,
ErrorBoundary: ErrorBoundary,
children: [
{
@@ -114,18 +115,27 @@ const routes = [
),
},
{
- path: "organizations/new",
- Component: lazy(
- () => import("./pages/iam/organizations/NewOrganizationPage"),
- ),
- },
- {
- path: "documents/signing-requests",
- Component: lazy(() => import("./pages/DocumentSigningRequestsPage")),
- },
- {
- path: "me/api-keys",
- Component: lazy(() => import("./pages/iam/apiKeys/APIKeysPageLoader")),
+ Component: CenteredLayout,
+ children: [
+ {
+ path: "organizations/new",
+ Component: lazy(
+ () => import("./pages/iam/organizations/NewOrganizationPage"),
+ ),
+ },
+ {
+ path: "documents/signing-requests",
+ Component: lazy(
+ () => import("./pages/DocumentSigningRequestsPage"),
+ ),
+ },
+ {
+ path: "me/api-keys",
+ Component: lazy(
+ () => import("./pages/iam/apiKeys/APIKeysPageLoader"),
+ ),
+ },
+ ],
},
],
},