root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: improve code formatting in Footer and ServerListClient components

Browse Source
This commit is contained in:
hamster1963 2025-02-07 01:33:20 +08:00
parent 7277e44f85
commit fc86e904aa
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/(main)/ClientComponents/main/ServerListClient.tsx
View File

@ -71,10 +71,17 @@ const ErrorState = ({ error, t }: { error: Error; t: any }) => (
</div> </div>
) )
const ServerList = ({ servers, inline, containerRef }: { servers: any[]; inline: string; containerRef: any }) => { const ServerList = ({
servers,
inline,
containerRef,
}: { servers: any[]; inline: string; containerRef: any }) => {
if (inline === "1") { if (inline === "1") {
return ( return (
<section ref={containerRef} className="flex flex-col gap-2 overflow-x-scroll scrollbar-hidden"> <section
ref={containerRef}
className="flex flex-col gap-2 overflow-x-scroll scrollbar-hidden"
>
{servers.map((serverInfo) => ( {servers.map((serverInfo) => (
<ServerCardInline key={serverInfo.id} serverInfo={serverInfo} /> <ServerCardInline key={serverInfo.id} serverInfo={serverInfo} />
))} ))}

16
app/(main)/footer.tsx
View File

@ -20,7 +20,8 @@ const FooterLink = ({ href, children }: LinkProps) => (
</a> </a>
) )
const baseTextStyles = "text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50" const baseTextStyles =
"text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50"
export default function Footer() { export default function Footer() {
const t = useTranslations("Footer") const t = useTranslations("Footer")
@ -32,19 +33,12 @@ export default function Footer() {
<section className="flex flex-col"> <section className="flex flex-col">
<p className={`mt-3 flex gap-1 ${baseTextStyles}`}> <p className={`mt-3 flex gap-1 ${baseTextStyles}`}>
{t("p_146-598_Findthecodeon")}{" "} {t("p_146-598_Findthecodeon")}{" "}
<FooterLink href={GITHUB_URL}> <FooterLink href={GITHUB_URL}>{t("a_303-585_GitHub")}</FooterLink>
{t("a_303-585_GitHub")} <FooterLink href={`${GITHUB_URL}/releases/tag/v${version}`}>v{version}</FooterLink>
</FooterLink>
<FooterLink href={`${GITHUB_URL}/releases/tag/v${version}`}>
v{version}
</FooterLink>
</p> </p>
<section className={`mt-1 flex items-center gap-2 ${baseTextStyles}`}> <section className={`mt-1 flex items-center gap-2 ${baseTextStyles}`}>
{t("section_607-869_2020")} {t("section_607-869_2020")}
{currentYear}{" "} {currentYear} <FooterLink href={PERSONAL_URL}>{t("a_800-850_Hamster1963")}</FooterLink>
<FooterLink href={PERSONAL_URL}>
{t("a_800-850_Hamster1963")}
</FooterLink>
</section> </section>
</section> </section>
<p className={`mt-1 ${baseTextStyles}`}> <p className={`mt-1 ${baseTextStyles}`}>