Fix custom domain trust center design

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
Sacha Al Himdani
2025-10-10 14:50:15 +02:00
parent 4b660119e3
commit a7d129a41c
14 changed files with 165 additions and 78 deletions

View File

@@ -1,20 +1,18 @@
import { Skeleton, TabLink, Tabs } from "@probo/ui";
import { TabSkeleton } from "./TabSkeleton";
import { useParams } from "react-router";
import { useTranslate } from "@probo/i18n";
import { getTrustCenterUrl } from "@probo/helpers";
export function MainSkeleton() {
const { slug } = useParams<{ slug: string }>();
const baseTabUrl = `/trust/${slug}`;
const { __ } = useTranslate();
return (
<div className="grid grid-cols-1 max-w-[1280px] mx-4 pt-6 gap-4 lg:mx-auto lg:gap-10 lg:pt-20 lg:grid-cols-[400px_1fr] ">
<Skeleton className="w-full h-300" />
<main>
<Tabs className="mb-8">
<TabLink to={`${baseTabUrl}/overview`}>{__("Overview")}</TabLink>
<TabLink to={`${baseTabUrl}/documents`}>{__("Documents")}</TabLink>
<TabLink to={`${baseTabUrl}/subprocessors`}>
<TabLink to={getTrustCenterUrl("overview")}>{__("Overview")}</TabLink>
<TabLink to={getTrustCenterUrl("documents")}>{__("Documents")}</TabLink>
<TabLink to={getTrustCenterUrl("subprocessors")}>
{__("Subprocessors")}
</TabLink>
</Tabs>