Ma/LunaTV
1
0
Fork 0
mirror of https://github.com/MoonTechLab/LunaTV.git synced 2026-02-23 03:04:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: dynamic site name

Browse Source
This commit is contained in:
shinya
2025-07-01 01:11:19 +08:00
parent 7d6c7e5dd0
commit a7b431823e
7 changed files with 63 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/layout.tsx
View File

@@ -4,12 +4,13 @@ import { Inter } from 'next/font/google';
import './globals.css';
import AuthProvider from '../components/AuthProvider';
import { SiteProvider } from '../components/SiteProvider';
import { ThemeProvider } from '../components/ThemeProvider';
const inter = Inter({ subsets: ['latin'] });
export const metadata: Metadata = {
title: 'MoonTV',
title: process.env.SITE_NAME || 'MoonTV',
description: '影视聚合',
manifest: '/manifest.json',
};
@@ -27,6 +28,8 @@ export default function RootLayout({
}: {
children: React.ReactNode;
}) {
const siteName = process.env.SITE_NAME || 'MoonTV';
return (
<html lang='zh-CN' suppressHydrationWarning>
<body
@@ -38,7 +41,9 @@ export default function RootLayout({
enableSystem
disableTransitionOnChange
>
<AuthProvider>{children}</AuthProvider>
<AuthProvider>
<SiteProvider siteName={siteName}>{children}</SiteProvider>
</AuthProvider>
</ThemeProvider>
</body>
</html>

4
src/app/login/page.tsx
View File

@@ -3,6 +3,7 @@
import { useRouter, useSearchParams } from 'next/navigation';
import { Suspense, useState } from 'react';
import { useSite } from '@/components/SiteProvider';
import { ThemeToggle } from '@/components/ThemeToggle';
function LoginPageClient() {
@@ -11,6 +12,7 @@ function LoginPageClient() {
const [password, setPassword] = useState('');
const [error, setError] = useState<string | null>(null);
const [loading, setLoading] = useState(false);
const { siteName } = useSite();
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
@@ -52,7 +54,7 @@ function LoginPageClient() {
</div>
<div className='relative z-10 w-full max-w-md rounded-3xl bg-gradient-to-b from-white/90 via-white/70 to-white/40 dark:from-zinc-900/90 dark:via-zinc-900/70 dark:to-zinc-900/40 backdrop-blur-xl shadow-2xl p-10 dark:border dark:border-zinc-800'>
<h1 className='text-green-600 tracking-tight text-center text-3xl font-extrabold mb-8 bg-clip-text drop-shadow-sm'>
MoonTV
{siteName}
</h1>
<form onSubmit={handleSubmit} className='space-y-8'>
<div>

4
src/components/MobileHeader.tsx
View File

@@ -2,9 +2,11 @@
import Link from 'next/link';
import { useSite } from './SiteProvider';
import { ThemeToggle } from './ThemeToggle';
const MobileHeader = () => {
const { siteName } = useSite();
return (
<header className='md:hidden relative w-full bg-white/70 backdrop-blur-xl border-b border-gray-200/50 shadow-sm dark:bg-gray-900/70 dark:border-gray-700/50'>
<div className='h-12 flex items-center justify-center'>
@@ -12,7 +14,7 @@ const MobileHeader = () => {
href='/'
className='text-2xl font-bold text-green-600 tracking-tight hover:opacity-80 transition-opacity'
>
MoonTV
{siteName}
</Link>
</div>
<div className='absolute top-1/2 right-4 -translate-y-1/2'>

27
src/components/Sidebar.tsx
View File

@@ -1,3 +1,5 @@
'use client';
import {
Clover,
Film,
@@ -22,6 +24,8 @@ import {
useState,
} from 'react';
import { useSite } from './SiteProvider';
interface SidebarContextType {
isCollapsed: boolean;
}
@@ -33,16 +37,19 @@ const SidebarContext = createContext<SidebarContextType>({
export const useSidebar = () => useContext(SidebarContext);
// 可替换为你自己的 logo 图片
const Logo = () => (
<Link
href='/'
className='flex items-center justify-center h-16 select-none hover:opacity-80 transition-opacity duration-200'
>
<span className='text-2xl font-bold text-green-600 tracking-tight'>
MoonTV
</span>
</Link>
);
const Logo = () => {
const { siteName } = useSite();
return (
<Link
href='/'
className='flex items-center justify-center h-16 select-none hover:opacity-80 transition-opacity duration-200'
>
<span className='text-2xl font-bold text-green-600 tracking-tight'>
{siteName}
</span>
</Link>
);
};
interface SidebarProps {
onToggle?: (collapsed: boolean) => void;

21
src/components/SiteProvider.tsx Normal file
View File

@@ -0,0 +1,21 @@
'use client';
import { createContext, ReactNode, useContext } from 'react';
const SiteContext = createContext<{ siteName: string }>({
siteName: 'MoonTV', // Default value
});
export const useSite = () => useContext(SiteContext);
export function SiteProvider({
children,
siteName,
}: {
children: ReactNode;
siteName: string;
}) {
return (
<SiteContext.Provider value={{ siteName }}>{children}</SiteContext.Provider>
);
}