fix: update page titles to show board name (#225)

* fix: update page titles to show board name

* chore: update translations

* chore: update translations
This commit is contained in:
Henry
2025-10-23 21:08:34 +01:00
committed by GitHub
parent bb4784fd28
commit 1e2326ac2e
23 changed files with 315 additions and 238 deletions

View File

@@ -358,7 +358,7 @@ export default function BoardPage({ isTemplate }: { isTemplate?: boolean }) {
return (
<>
<PageHead
title={`${(boardData?.name ?? isTemplate) ? t`Board` : t`Template`} | ${workspace.name}`}
title={`${boardData?.name ?? (isTemplate ? t`Board` : t`Template`)} | ${workspace.name ?? t`Workspace`}`}
/>
<div className="relative flex h-full flex-col">
<PatternedBackground />
@@ -546,7 +546,9 @@ export default function BoardPage({ isTemplate }: { isTemplate?: boolean }) {
labels={card.labels}
members={card.members}
checklists={card.checklists ?? []}
description={card.description ?? null}
description={
card.description ?? null
}
comments={card.comments ?? []}
/>
</Link>

View File

@@ -19,7 +19,7 @@ export default function BoardsPage({ isTemplate }: { isTemplate?: boolean }) {
return (
<>
<PageHead
title={t`${isTemplate ? "Templates" : "Boards"} | ${workspace.name || "Workspace"}`}
title={t`${isTemplate ? "Templates" : "Boards"} | ${workspace.name ?? t`Workspace`}`}
/>
<div className="m-auto h-full max-w-[1100px] p-6 px-5 md:px-28 md:py-12">
<div className="relative z-10 mb-8 flex w-full items-center justify-between">

View File

@@ -213,7 +213,7 @@ export default function CardPage({ isTemplate }: { isTemplate?: boolean }) {
return (
<>
<PageHead
title={t`${card?.title ?? "Card"} | ${board?.name ?? "Board"}`}
title={t`${card?.title ?? t`Card`} | ${board?.name ?? t`Board`}`}
/>
<div className="flex h-full flex-1 flex-row overflow-hidden">
<div className="scrollbar-thumb-rounded-[4px] scrollbar-track-rounded-[4px] w-full flex-1 overflow-y-auto scrollbar scrollbar-track-light-200 scrollbar-thumb-light-400 hover:scrollbar-thumb-light-400 dark:scrollbar-track-dark-100 dark:scrollbar-thumb-dark-300 dark:hover:scrollbar-thumb-dark-300">

View File

@@ -1,7 +1,6 @@
import Link from "next/link";
import { t } from "@lingui/core/macro";
import { env } from "next-runtime-env";
import { useEffect, useState } from "react";
import {
HiBolt,
HiEllipsisHorizontal,
@@ -171,7 +170,7 @@ export default function MembersPage() {
return (
<>
<PageHead title={t`Members | ${workspace.name ?? "Workspace"}`} />
<PageHead title={t`Members | ${workspace.name ?? t`Workspace`}`} />
<div className="m-auto h-full max-w-[1100px] p-6 px-5 md:px-28 md:py-12">
<div className="mb-8 flex w-full justify-between">
<div className="flex items-center gap-3">

View File

@@ -97,7 +97,7 @@ export default function PublicBoardView() {
return (
<>
<PageHead
title={`${data?.name ?? "Board"} | ${data?.workspace.name ?? "Workspace"}`}
title={`${data?.name ?? t`Board`} | ${data?.workspace.name ?? t`Workspace`}`}
/>
<style jsx global>{`
html {

View File

@@ -1,5 +1,6 @@
import Link from "next/link";
import { useRouter } from "next/router";
import { t } from "@lingui/core/macro";
import { PageHead } from "~/components/PageHead";
import PatternedBackground from "~/components/PatternedBackground";
@@ -62,7 +63,7 @@ export default function PublicBoardsView() {
return (
<>
<PageHead title={`${"Board"} | ${"Workspace"}`} />
<PageHead title={`${data?.name ?? t`Workspace`} | kan.bn`} />
<style jsx global>{`
html {
height: 100vh;