Ensure title is a single element

Fixes "Warning: A title element received an array with more than 1 element as children."
CruGlobal · Nov 20, 2024 · c360f55 · c360f55
1 parent 48270e0
commit c360f55
Show file tree

Hide file tree

Showing 23 changed files with 23 additions and 61 deletions.
diff --git a/pages/acceptInvite.page.tsx b/pages/acceptInvite.page.tsx
@@ -140,9 +140,7 @@ const AcceptInvitePage = (): ReactElement => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Accept Invite')}
-        </title>
+        <title>{`${appName} | ${t('Accept Invite')}`}</title>
       </Head>
       <SetupPage title={t('Accepting Invite')}>
         <p>{t('You will be redirected soon...')}</p>

diff --git a/pages/accountLists.page.tsx b/pages/accountLists.page.tsx
@@ -24,9 +24,7 @@ const AccountListsPage = ({ data }: AccountListsPageProps): ReactElement => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Account Lists')}
-        </title>
+        <title>{`${appName} | ${t('Account Lists')}`}</title>
       </Head>
       <AccountLists data={data} />
     </>

diff --git a/pages/accountLists/[accountListId].page.tsx b/pages/accountLists/[accountListId].page.tsx
@@ -70,9 +70,7 @@ const AccountListIdPage = ({
   return (
     <>
       <Head>
-        <title>
-          {appName} | {data.accountList.name}
-        </title>
+        <title>{`${appName} | ${data.accountList.name}`}</title>
       </Head>
       <Dashboard data={data} accountListId={data.accountList.id} />
 

diff --git a/pages/accountLists/[accountListId]/coaching.page.tsx b/pages/accountLists/[accountListId]/coaching.page.tsx
@@ -15,9 +15,7 @@ const CoachingPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Coaching Accounts')}
-        </title>
+        <title>{`${appName} | ${t('Coaching Accounts')}`}</title>
       </Head>
       {accountListId ? (
         <CoachingList accountListId={accountListId} />

diff --git a/pages/accountLists/[accountListId]/coaching/[coachingId].page.tsx b/pages/accountLists/[accountListId]/coaching/[coachingId].page.tsx
@@ -21,9 +21,7 @@ const CoachingPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Coaching Accounts')}
-        </title>
+        <title>{`${appName} | ${t('Coaching Accounts')}`}</title>
       </Head>
       {accountListId && coachingId && isReady ? (
         <CoachingDetail

diff --git a/pages/accountLists/[accountListId]/contacts/flows/setup.page.tsx b/pages/accountLists/[accountListId]/contacts/flows/setup.page.tsx
@@ -158,9 +158,7 @@ const ContactFlowSetupPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Contact Flows')} | {t('Setup')}
-        </title>
+        <title>{`${appName} | ${t('Contact Flows')} | ${t('Setup')}`}</title>
       </Head>
       {accountListId ? (
         <DndProvider backend={HTML5Backend}>

diff --git a/pages/accountLists/[accountListId]/reports/coaching.page.tsx b/pages/accountLists/[accountListId]/reports/coaching.page.tsx
@@ -18,9 +18,7 @@ const CoachingReportPage = (): ReactElement => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Reports')} | {t('Coaching')}
-        </title>
+        <title>{`${appName} | ${t('Reports')} | ${t('Coaching')}`}</title>
       </Head>
       {accountListId ? (
         <CoachingDetail

diff --git a/pages/accountLists/[accountListId]/reports/designationAccounts.page.tsx b/pages/accountLists/[accountListId]/reports/designationAccounts.page.tsx
@@ -32,9 +32,7 @@ const DesignationAccountsReportPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Reports - Designation Accounts')}
-        </title>
+        <title>{`${appName} | ${t('Reports - Designation Accounts')}`}</title>
       </Head>
       {accountListId ? (
         <DesignationAccountsReportPageWrapper>

diff --git a/pages/accountLists/[accountListId]/reports/donations/[[...contactId]].page.tsx b/pages/accountLists/[accountListId]/reports/donations/[[...contactId]].page.tsx
@@ -44,9 +44,7 @@ const DonationsReportPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Reports')} | {t('Donations')}
-        </title>
+        <title>{`${appName} | ${t('Reports')} | ${t('Donations')}`}</title>
       </Head>
       {accountListId ? (
         <DonationsReportPageWrapper>

diff --git a/pages/accountLists/[accountListId]/reports/expectedMonthlyTotal/[[...contactId]].page.tsx b/pages/accountLists/[accountListId]/reports/expectedMonthlyTotal/[[...contactId]].page.tsx
@@ -45,7 +45,7 @@ const ExpectedMonthlyTotalReportPage = (): ReactElement => {
     <>
       <Head>
         <title>
-          {appName} | {t('Reports')} | {t('Expect Monthly Total')}
+          {`${appName} | ${t('Reports')} | ${t('Expect Monthly Total')}`}
         </title>
       </Head>
       {accountListId ? (

diff --git a/pages/accountLists/[accountListId]/reports/financialAccounts/[financialAccountId].page.tsx b/pages/accountLists/[accountListId]/reports/financialAccounts/[financialAccountId].page.tsx
@@ -28,7 +28,7 @@ const FinancialAccountSummaryPage: React.FC = () => {
     <>
       <Head>
         <title>
-          {appName} | {t('Summary Report - Responsibility Centers')}
+          {`${appName} | ${t('Summary Report - Responsibility Centers')}`}
         </title>
       </Head>
 

diff --git a/...ountLists/[accountListId]/reports/financialAccounts/[financialAccountId]/entries.page.tsx b/...ountLists/[accountListId]/reports/financialAccounts/[financialAccountId]/entries.page.tsx
@@ -115,7 +115,7 @@ const FinancialAccountEntries = (): ReactElement => {
     <>
       <Head>
         <title>
-          {appName} | {t('Transactions Report - Responsibility Centers')}
+          {`${appName} | ${t('Transactions Report - Responsibility Centers')}`}
         </title>
       </Head>
 

diff --git a/pages/accountLists/[accountListId]/reports/financialAccounts/index.page.tsx b/pages/accountLists/[accountListId]/reports/financialAccounts/index.page.tsx
@@ -27,9 +27,7 @@ const FinancialAccountsPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Reports - Responsibility Centers')}
-        </title>
+        <title>{`${appName} | ${t('Reports - Responsibility Centers')}`}</title>
       </Head>
 
       {accountListId ? (

diff --git a/pages/accountLists/[accountListId]/reports/partnerCurrency/[[...contactId]].page.tsx b/pages/accountLists/[accountListId]/reports/partnerCurrency/[[...contactId]].page.tsx
@@ -43,9 +43,7 @@ const PartnerCurrencyReportPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Reports - Partner')}
-        </title>
+        <title>{`${appName} | ${t('Reports - Partner')}`}</title>
       </Head>
       {accountListId ? (
         <PartnerCurrencyReportPageWrapper>

diff --git a/pages/accountLists/[accountListId]/reports/partnerGivingAnalysis/[[...contactId]].page.tsx b/pages/accountLists/[accountListId]/reports/partnerGivingAnalysis/[[...contactId]].page.tsx
@@ -98,7 +98,7 @@ const PartnerGivingAnalysisReportPage: React.FC = () => {
     <>
       <Head>
         <title>
-          {appName} | {t('Reports')} | {t('Partner Giving Analysis')}
+          {`${appName} | ${t('Reports')} | ${t('Partner Giving Analysis')}`}
         </title>
       </Head>
       {accountListId ? (

diff --git a/pages/accountLists/[accountListId]/reports/salaryCurrency/[[...contactId]].page.tsx b/pages/accountLists/[accountListId]/reports/salaryCurrency/[[...contactId]].page.tsx
@@ -43,9 +43,7 @@ const SalaryCurrencyReportPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Reports - Salary')}
-        </title>
+        <title>{`${appName} | ${t('Reports - Salary')}`}</title>
       </Head>
       {accountListId ? (
         <SalaryCurrencyReportPageWrapper>

diff --git a/pages/accountLists/[accountListId]/settings/Wrapper.tsx b/pages/accountLists/[accountListId]/settings/Wrapper.tsx
@@ -37,9 +37,7 @@ export const SettingsWrapper: React.FC<SettingsWrapperProps> = ({
   return (
     <>
       <Head>
-        <title>
-          {appName} | {pageTitle}
-        </title>
+        <title>{`${appName} | ${pageTitle}`}</title>
       </Head>
       <Box component="main">
         <SidePanelsLayout

diff --git a/pages/accountLists/[accountListId]/setup/finish.page.tsx b/pages/accountLists/[accountListId]/setup/finish.page.tsx
@@ -39,9 +39,7 @@ const FinishPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Setup - Finish')}
-        </title>
+        <title>{`${appName} | ${t('Setup - Finish')}`}</title>
       </Head>
       <SetupPage
         title={

diff --git a/pages/accountLists/[accountListId]/tasks/[[...contactId]].page.tsx b/pages/accountLists/[accountListId]/tasks/[[...contactId]].page.tsx
@@ -220,9 +220,7 @@ const TasksPage: React.FC = () => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Tasks')}
-        </title>
+        <title>{`${appName} | ${t('Tasks')}`}</title>
       </Head>
       {accountListId ? (
         <WhiteBackground>

diff --git a/pages/accountLists/[accountListId]/tools/ToolsWrapper.tsx b/pages/accountLists/[accountListId]/tools/ToolsWrapper.tsx
@@ -45,9 +45,7 @@ export const ToolsWrapper: React.FC<ToolsWrapperProps> = ({
   return (
     <>
       <Head>
-        <title>
-          {appName} | {pageTitle}
-        </title>
+        <title>{`${appName} | ${pageTitle}`}</title>
       </Head>
       <Box component="main">
         {accountListId ? (

diff --git a/pages/setup/account.page.tsx b/pages/setup/account.page.tsx
@@ -58,9 +58,7 @@ const AccountPage: React.FC<PageProps> = ({ accountListOptions }) => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Setup - Default Account')}
-        </title>
+        <title>{`${appName} | ${t('Setup - Default Account')}`}</title>
       </Head>
       <SetupPage title={t('Set default account')}>
         {t(

diff --git a/pages/setup/connect.page.tsx b/pages/setup/connect.page.tsx
@@ -15,9 +15,7 @@ const ConnectPage = (): ReactElement => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Setup - Get Connected')}
-        </title>
+        <title>{`${appName} | ${t('Setup - Get Connected')}`}</title>
       </Head>
       <Connect />
     </>

diff --git a/pages/setup/start.page.tsx b/pages/setup/start.page.tsx
@@ -43,9 +43,7 @@ const StartPage = (): ReactElement => {
   return (
     <>
       <Head>
-        <title>
-          {appName} | {t('Setup - Start')}
-        </title>
+        <title>{`${appName} | ${t('Setup - Start')}`}</title>
       </Head>
       <SetupPage title={t("It's time to get started")}>
         <p>
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,7 +28,7 @@ const FinancialAccountSummaryPage: React.FC = () => { @@
         <>
           <Head>
             <title>
-              {appName} | {t('Summary Report - Responsibility Centers')}
+              {`${appName} | ${t('Summary Report - Responsibility Centers')}`}
             </title>
           </Head>
@@ Expand Down @@