Updated the page header design

Author: jzongker

package-lock.json

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "@churchapps/apphelper": "0.6.18",
+    "@churchapps/apphelper": "0.6.19",
     "@churchapps/apphelper-donations": "0.6.17",
     "@churchapps/apphelper-forms": "0.6.14",
     "@churchapps/apphelper-login": "0.6.17",

package.json

@@ -68,7 +68,6 @@ export const AttendancePage = () => {
   return (
     <>
       <PageHeader
-        icon={<CalendarIcon />}
         title={Locale.label("attendance.attendancePage.att")}
         subtitle={Locale.label("attendance.attendancePage.subtitle")}
       >

src/attendance/AttendancePage.tsx

@@ -93,7 +93,6 @@ export const CalendarPage = () => {
   return (
     <>
       <PageHeader
-        icon={<CalendarIcon />}
         title={currentCalendar?.name || Locale.label("calendars.calendarPage.calendar")}
         subtitle={Locale.label("calendars.calendarPage.subtitle")}
       />

src/calendars/CalendarPage.tsx

@@ -155,7 +155,6 @@ export const CalendarsPage = () => {
   return (
     <>
       <PageHeader
-        icon={<CalendarIcon />}
         title={Locale.label("calendars.calendarList.title")}
         subtitle={
           calendars.length > 0

src/calendars/CalendarsPage.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Box, Container, Grid, Typography } from "@mui/material";
 import { Image, Language, VolunteerActivism, MusicNote, Person, Groups, LiveTv, Lock } from "@mui/icons-material";
 import { ApiHelper } from "@churchapps/apphelper";
-import { WelcomeHeader } from "./WelcomeHeader";
+import { PageHeader } from "@churchapps/apphelper";
 import { FeatureCard } from "./FeatureCard";
 import { QuickSetupModal, type WizardType } from "./QuickSetupModal";
 import { useNavigate } from "react-router-dom";
@@ -35,7 +35,7 @@ export const AdminWelcome: React.FC = () => {
 
   return (
     <>
-      <WelcomeHeader
+      <PageHeader
         title="Welcome to B1.church!"
         subtitle="Let's get your church set up. Here are some things you'll likely want to do first."
       />

src/dashboard/components/AdminWelcome.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Box, Container, Grid, Typography } from "@mui/material";
 import { CameraAlt, Groups, VolunteerActivism, Event, PhoneIphone, Person } from "@mui/icons-material";
 import { UserHelper, Permissions } from "@churchapps/apphelper";
-import { WelcomeHeader } from "./WelcomeHeader";
+import { PageHeader } from "@churchapps/apphelper";
 import { FeatureCard } from "./FeatureCard";
 import { EnvironmentHelper } from "../../helpers/EnvironmentHelper";
 
@@ -13,7 +13,7 @@ export const MemberWelcome: React.FC = () => {
 
   return (
     <>
-      <WelcomeHeader
+      <PageHeader
         title={`Welcome to ${churchName}!`}
         subtitle="Here are some things you can do to get connected."
       />

src/dashboard/components/MemberWelcome.tsx

@@ -1,6 +1,5 @@
 export * from "../../components";
 export { PeopleSearch } from "./PeopleSearch";
-export { WelcomeHeader } from "./WelcomeHeader";
 export { FeatureCard } from "./FeatureCard";
 export { AdminWelcome } from "./AdminWelcome";
 export { MemberWelcome } from "./MemberWelcome";

src/dashboard/components/WelcomeHeader.tsx

@@ -6,8 +6,7 @@ import {
 } from "@mui/material";
 import {
   DownloadOutlined as DownloadIcon,
-  PrintOutlined as PrintIcon,
-  VolunteerActivism as DonationIcon
+  PrintOutlined as PrintIcon
 } from "@mui/icons-material";
 import { PageHeader, Locale, CurrencyHelper, UserHelper, Permissions, ArrayHelper } from "@churchapps/apphelper";
 import { type DonationInterface, type FundDonationInterface, type PersonInterface, type FundInterface } from "@churchapps/helpers";
@@ -196,7 +195,6 @@ export const BatchGivingStatementsPage = () => {
   return (
     <>
       <PageHeader
-        icon={<DonationIcon />}
         title={Locale.label("donations.batchStatements.title") || "Batch Giving Statements"}
         subtitle={Locale.label("donations.batchStatements.subtitle") || "Download giving statements for all donors"}
       />