S-VPN/panel-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 fix(config): Runtime env

Browse Source
This commit is contained in:
web@ppanel 2024-12-08 12:59:14 +07:00
parent 55727103b8
commit a1e4999a2f
5 changed files with 52 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
apps/admin/components/billing.tsx
View File

@ -1,8 +1,6 @@
import { Avatar, AvatarFallback, AvatarImage } from '@shadcn/ui/avatar';
import { Card, CardDescription, CardHeader, CardTitle } from '@shadcn/ui/card';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@shadcn/ui/tooltip';
import { getTranslations } from 'next-intl/server';
import Image from 'next/legacy/image';
import Link from 'next/link';
const BASE_URL = 'https://cdn.jsdelivr.net/gh/perfect-panel/ppanel-assets/billing/index.json';
@ -15,7 +13,6 @@ interface ItemType {
logo: string;
title: string;
description: string;
poster: string;
expiryDate: string;
href: string;
}
@ -37,37 +34,29 @@ export default async function Billing({ type }: BillingProps) {
}
if (list && list.length === 0) return null;
return (
<TooltipProvider>
<>
<h1 className='text mt-2 font-bold'>
<span>{t('title')}</span>
<span className='text-muted-foreground ml-2 text-xs'>{t('description')}</span>
</h1>
<div className='grid gap-3 md:grid-cols-3 lg:grid-cols-6'>
{list.map((item, index) => (
<Tooltip key={index}>
<TooltipTrigger asChild>
<Link href={item.href} target='_blank'>
<Card className='cursor-pointer'>
<CardHeader className='flex flex-row items-center gap-2 p-3'>
<Avatar>
<AvatarImage src={item.logo} />
<AvatarFallback>{item.title}</AvatarFallback>
</Avatar>
<div>
<CardTitle>{item.title}</CardTitle>
<CardDescription className='line-clamp-3'>{item.description}</CardDescription>
</div>
</CardHeader>
</Card>
</Link>
</TooltipTrigger>
<TooltipContent className='bg-muted text-muted-foreground'>
<p className='mb-1'>{item.description}</p>
<Image src={item.poster} width={400} height={300} unoptimized objectFit='cover' />
</TooltipContent>
</Tooltip>
<Link href={item.href} target='_blank' key={index}>
<Card className='h-full cursor-pointer'>
<CardHeader className='flex flex-row gap-2 p-3'>
<Avatar>
<AvatarImage src={item.logo} />
<AvatarFallback>{item.title}</AvatarFallback>
</Avatar>
<div>
<CardTitle>{item.title}</CardTitle>
<CardDescription className='mt-2'>{item.description}</CardDescription>
</div>
</CardHeader>
</Card>
</Link>
))}
</div>
</TooltipProvider>
</>
);
}

21
apps/admin/components/dashboard/statistics.tsx
View File

@ -2,14 +2,7 @@
import { Icon } from '@iconify/react';
import { formatBytes, unitConversion } from '@repo/ui/utils';
import {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from '@shadcn/ui/card';
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@shadcn/ui/card';
import {
ChartConfig,
ChartContainer,
@ -119,12 +112,12 @@ export default function Statistics() {
return (
<>
<h1 className='text-lg font-semibold'>统计</h1>
<div className='grid grid-cols-2 gap-3 md:grid-cols-4 lg:grid-cols-8'>
<div className='grid grid-cols-2 gap-3 md:grid-cols-4 xl:grid-cols-8'>
{[
{
title: '在线IP数',
value: '666',
icon: 'uil:network-wired',
icon: 'uil:users-alt',
onClick: () => console.log('在线IP数 clicked'),
},
{
@ -171,13 +164,11 @@ export default function Statistics() {
},
].map((item, index) => (
<Card key={index} onClick={item.onClick} className='cursor-pointer'>
<CardHeader className='flex flex-row items-center justify-between'>
<CardHeader className='p-4'>
<CardTitle>{item.title}</CardTitle>
<CardDescription>
<Icon icon={item.icon} className='text-2xl' />
</CardDescription>
</CardHeader>
<CardContent>
<CardContent className='flex justify-between p-4 text-xl'>
<Icon icon={item.icon} className='text-muted-foreground' />
<div className='text-xl font-bold tabular-nums leading-none'>{item.value}</div>
</CardContent>
</Card>

13
apps/admin/config/constants.ts
View File

@ -2,10 +2,13 @@ import { env } from 'next-runtime-env';
export const locales = ['en-US', 'zh-CN'];
export const NEXT_PUBLIC_DEFAULT_LANGUAGE = env('NEXT_PUBLIC_DEFAULT_LANGUAGE') || locales[0];
export const NEXT_PUBLIC_DEFAULT_LANGUAGE =
env('NEXT_PUBLIC_DEFAULT_LANGUAGE') || process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE || locales[0];
export const NEXT_PUBLIC_SITE_URL = env('NEXT_PUBLIC_SITE_URL');
export const NEXT_PUBLIC_API_URL = env('NEXT_PUBLIC_API_URL');
export const NEXT_PUBLIC_SITE_URL = env('NEXT_PUBLIC_SITE_URL') || process.env.NEXT_PUBLIC_SITE_URL;
export const NEXT_PUBLIC_API_URL = env('NEXT_PUBLIC_API_URL') || process.env.NEXT_PUBLIC_API_URL;
export const NEXT_PUBLIC_DEFAULT_USER_EMAIL = env('NEXT_PUBLIC_DEFAULT_USER_EMAIL');
export const NEXT_PUBLIC_DEFAULT_USER_PASSWORD = env('NEXT_PUBLIC_DEFAULT_USER_PASSWORD');
export const NEXT_PUBLIC_DEFAULT_USER_EMAIL =
env('NEXT_PUBLIC_DEFAULT_USER_EMAIL') || process.env.NEXT_PUBLIC_DEFAULT_USER_EMAIL;
export const NEXT_PUBLIC_DEFAULT_USER_PASSWORD =
env('NEXT_PUBLIC_DEFAULT_USER_PASSWORD') || process.env.NEXT_PUBLIC_DEFAULT_USER_PASSWORD;

2
apps/user/components/empty.tsx
View File

@ -12,7 +12,7 @@ export function Empty() {
useEffect(() => {
const random = Math.floor(Math.random() * 10);
setDescription(t(`empty.${random}`));
}, []);
}, [t]);
return <_Empty description={description} />;
}

33
apps/user/config/constants.ts
View File

@ -2,19 +2,28 @@ import { env } from 'next-runtime-env';
export const locales = ['en-US', 'zh-CN'];
export const NEXT_PUBLIC_DEFAULT_LANGUAGE = env('NEXT_PUBLIC_DEFAULT_LANGUAGE') || locales[0];
export const NEXT_PUBLIC_DEFAULT_LANGUAGE =
env('NEXT_PUBLIC_DEFAULT_LANGUAGE') || process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE || locales[0];
export const NEXT_PUBLIC_SITE_URL = env('NEXT_PUBLIC_SITE_URL');
export const NEXT_PUBLIC_API_URL = env('NEXT_PUBLIC_API_URL');
export const NEXT_PUBLIC_SITE_URL = env('NEXT_PUBLIC_SITE_URL') || process.env.NEXT_PUBLIC_SITE_URL;
export const NEXT_PUBLIC_API_URL = env('NEXT_PUBLIC_API_URL') || process.env.NEXT_PUBLIC_API_URL;
export const NEXT_PUBLIC_DEFAULT_USER_EMAIL = env('NEXT_PUBLIC_DEFAULT_USER_EMAIL');
export const NEXT_PUBLIC_DEFAULT_USER_PASSWORD = env('NEXT_PUBLIC_DEFAULT_USER_PASSWORD');
export const NEXT_PUBLIC_DEFAULT_USER_EMAIL =
env('NEXT_PUBLIC_DEFAULT_USER_EMAIL') || process.env.NEXT_PUBLIC_DEFAULT_USER_EMAIL;
export const NEXT_PUBLIC_DEFAULT_USER_PASSWORD =
env('NEXT_PUBLIC_DEFAULT_USER_PASSWORD') || process.env.NEXT_PUBLIC_DEFAULT_USER_PASSWORD;
export const NEXT_PUBLIC_EMAIL = env('NEXT_PUBLIC_EMAIL');
export const NEXT_PUBLIC_EMAIL = env('NEXT_PUBLIC_EMAIL') || process.env.NEXT_PUBLIC_EMAIL;
export const NEXT_PUBLIC_TELEGRAM_LINK = env('NEXT_PUBLIC_TELEGRAM_LINK');
export const NEXT_PUBLIC_DISCORD_LINK = env('NEXT_PUBLIC_DISCORD_LINK');
export const NEXT_PUBLIC_GITHUB_LINK = env('NEXT_PUBLIC_GITHUB_LINK');
export const NEXT_PUBLIC_LINKEDIN_LINK = env('NEXT_PUBLIC_LINKEDIN_LINK');
export const NEXT_PUBLIC_TWITTER_LINK = env('NEXT_PUBLIC_TWITTER_LINK');
export const NEXT_PUBLIC_INSTAGRAM_LINK = env('NEXT_PUBLIC_INSTAGRAM_LINK');
export const NEXT_PUBLIC_TELEGRAM_LINK =
env('NEXT_PUBLIC_TELEGRAM_LINK') || process.env.NEXT_PUBLIC_TELEGRAM_LINK;
export const NEXT_PUBLIC_DISCORD_LINK =
env('NEXT_PUBLIC_DISCORD_LINK') || process.env.NEXT_PUBLIC_DISCORD_LINK;
export const NEXT_PUBLIC_GITHUB_LINK =
env('NEXT_PUBLIC_GITHUB_LINK') || process.env.NEXT_PUBLIC_GITHUB_LINK;
export const NEXT_PUBLIC_LINKEDIN_LINK =
env('NEXT_PUBLIC_LINKEDIN_LINK') || process.env.NEXT_PUBLIC_LINKEDIN_LINK;
export const NEXT_PUBLIC_TWITTER_LINK =
env('NEXT_PUBLIC_TWITTER_LINK') || process.env.NEXT_PUBLIC_TWITTER_LINK;
export const NEXT_PUBLIC_INSTAGRAM_LINK =
env('NEXT_PUBLIC_INSTAGRAM_LINK') || process.env.NEXT_PUBLIC_INSTAGRAM_LINK;