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"), + ), + }, + ], }, ], },