zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: hide billing on self-hosted

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2026-01-20 17:41:58 +01:00
parent 5b29f7502c
commit 3e573ae27f
1 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
apps/start/src/components/sidebar-organization-menu.tsx
View File

@@ -7,11 +7,12 @@ import {
} from 'lucide-react';
import { Button } from '@/components/ui/button';
import { useAppContext } from '@/hooks/use-app-context';
import { useAppParams } from '@/hooks/use-app-params';
import { pushModal } from '@/modals';
import type { RouterOutputs } from '@/trpc/client';
import { cn } from '@/utils/cn';
import { Link, useNavigate } from '@tanstack/react-router';
import { Link, useNavigate, useRouteContext } from '@tanstack/react-router';
import { AnimatePresence, motion } from 'framer-motion';
import { ChevronDownIcon, PlusIcon } from 'lucide-react';
import { useCallback, useEffect, useState } from 'react';
@@ -28,6 +29,8 @@ export default function SidebarOrganizationMenu({
}: {
organization: RouterOutputs['organization']['list'][number];
}) {
const { isSelfHosted } = useAppContext();
return (
<>
<Link
@@ -52,21 +55,23 @@ export default function SidebarOrganizationMenu({
<CogIcon size={20} />
<div className="flex-1">Settings</div>
</Link>
<Link
className={cn(
'flex items-center gap-2 rounded-md px-3 py-2 font-medium transition-all hover:bg-def-200 text-[13px]',
)}
activeOptions={{ exact: true }}
to="/$organizationId/billing"
from="/$organizationId"
>
<CreditCardIcon size={20} />
<div className="flex-1">Billing</div>
{organization?.isTrial && <Badge>Trial</Badge>}
{organization?.isExpired && <Badge>Expired</Badge>}
{organization?.isWillBeCanceled && <Badge>Canceled</Badge>}
{organization?.isCanceled && <Badge>Canceled</Badge>}
</Link>
{!isSelfHosted && (
<Link
className={cn(
'flex items-center gap-2 rounded-md px-3 py-2 font-medium transition-all hover:bg-def-200 text-[13px]',
)}
activeOptions={{ exact: true }}
to="/$organizationId/billing"
from="/$organizationId"
>
<CreditCardIcon size={20} />
<div className="flex-1">Billing</div>
{organization?.isTrial && <Badge>Trial</Badge>}
{organization?.isExpired && <Badge>Expired</Badge>}
{organization?.isWillBeCanceled && <Badge>Canceled</Badge>}
{organization?.isCanceled && <Badge>Canceled</Badge>}
</Link>
)}
<Link
className={cn(
'flex items-center gap-2 rounded-md px-3 py-2 font-medium transition-all hover:bg-def-200 text-[13px]',