diff --git a/src/pageComponents/Worship/Worship.tsx b/src/pageComponents/Worship/Worship.tsx index 33bccb6..b4a00dc 100644 --- a/src/pageComponents/Worship/Worship.tsx +++ b/src/pageComponents/Worship/Worship.tsx @@ -11,6 +11,7 @@ import { church } from '@/utils/church' import { ChurchIcon } from '@/components/ChurchIcon/ChurchIcon' import { Cross } from '@/components/Cross/Cross' import { Testimony } from '@/components/Testimony/Testimony' +import { Pill } from '@/components/Pill/Pill' type WorshipPageProps = { worship: WorshipType @@ -21,7 +22,7 @@ export const Worship = ({ worship }: WorshipPageProps) => { const day = date.toLocaleDateString('de-DE', {weekday: 'long'} ) const localeDate = useDate(worship.date) const liturgicalDay = worship.liturgicalDay ? worship.liturgicalDay : liturgicalDayName(worship.date); - const what = worship.title ? worship.title : transformCategory(worship.type); + const what = worship.title ? worship.title : transformCategory(worship.type) + " "; const time = date.toLocaleTimeString("de-DE", { timeStyle: "short", timeZone: "Europe/Berlin" }); return ( @@ -35,6 +36,7 @@ export const Worship = ({ worship }: WorshipPageProps) => { size={'xl'} color={'contrast'} align={"center"} + cancelled={worship.cancelled} />

@@ -46,6 +48,9 @@ export const Worship = ({ worship }: WorshipPageProps) => { {what} + { worship.cancelled && + Abgesagt + } { typeof worship.location == "object" &&