feature: button "All" on homepage
This commit is contained in:
parent
8be0000e25
commit
14f97aea88
4 changed files with 35 additions and 18 deletions
|
|
@ -11,3 +11,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,8 @@ import { transformEvents } from '@/utils/dto/events'
|
||||||
import { ContactSection } from '@/compositions/ContactSection/ContactSection'
|
import { ContactSection } from '@/compositions/ContactSection/ContactSection'
|
||||||
import { CollapsibleImageWithText } from '@/compositions/CollapsibleImageWithText/CollapsibleImageWithText'
|
import { CollapsibleImageWithText } from '@/compositions/CollapsibleImageWithText/CollapsibleImageWithText'
|
||||||
import { MoreInformation } from '@/pageComponents/Home/MoreInformation'
|
import { MoreInformation } from '@/pageComponents/Home/MoreInformation'
|
||||||
|
import { Button } from '@/components/Button/Button'
|
||||||
|
import styles from "./styles.module.scss"
|
||||||
|
|
||||||
type HomeProps = {
|
type HomeProps = {
|
||||||
events: Event[],
|
events: Event[],
|
||||||
|
|
@ -85,32 +87,39 @@ export const Home = ({
|
||||||
<HR />
|
<HR />
|
||||||
|
|
||||||
<Container>
|
<Container>
|
||||||
|
|
||||||
{blog && blog.length > 0 &&
|
{blog && blog.length > 0 &&
|
||||||
<Section>
|
<Section>
|
||||||
<Title title={'Aktuelles'} color={"contrast"} />
|
<Title title={'Aktuelles'} color={"contrast"} />
|
||||||
<ImageCardSlider slides={blogToSlides(blog)} />
|
<ImageCardSlider slides={blogToSlides(blog)} />
|
||||||
</Section>
|
</Section>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
<Section paddingBottom={'medium'}>
|
|
||||||
<Title
|
|
||||||
title={'Nächste Gottesdiensten'}
|
|
||||||
subtitle={'Komm einfach vorbei!'}
|
|
||||||
color={"contrast"}
|
|
||||||
align={'center'}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Section padding={'small'}>
|
|
||||||
<MassRow>
|
|
||||||
{worshipPerLocation.map(value => <MassTable key={value[0]} location={value[0]} masses={value[1]} />)}
|
|
||||||
</MassRow>
|
|
||||||
</Section>
|
|
||||||
|
|
||||||
</Section>
|
|
||||||
</Container>
|
</Container>
|
||||||
|
|
||||||
|
<Section paddingBottom={'medium'}>
|
||||||
|
<Title
|
||||||
|
title={'Nächste Gottesdiensten'}
|
||||||
|
subtitle={'Komm einfach vorbei!'}
|
||||||
|
color={"contrast"}
|
||||||
|
align={'center'}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Section padding={'small'}>
|
||||||
|
<MassRow>
|
||||||
|
{worshipPerLocation.map(value => <MassTable key={value[0]} location={value[0]} masses={value[1]} />)}
|
||||||
|
</MassRow>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
<Section padding={'small'}>
|
||||||
|
<div className={styles.center}>
|
||||||
|
<Button
|
||||||
|
href={"/gottesdienst"}
|
||||||
|
size={"lg"}
|
||||||
|
>Alle Gottesdienste</Button>
|
||||||
|
</div>
|
||||||
|
</Section>
|
||||||
|
|
||||||
|
</Section>
|
||||||
|
|
||||||
<CollapsibleImageWithText
|
<CollapsibleImageWithText
|
||||||
backgroundColor={'soft'}
|
backgroundColor={'soft'}
|
||||||
title={'Über uns'}
|
title={'Über uns'}
|
||||||
|
|
|
||||||
3
src/pageComponents/Home/styles.module.scss
Normal file
3
src/pageComponents/Home/styles.module.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
@ -87,6 +87,7 @@ export default buildConfig({
|
||||||
},
|
},
|
||||||
db: postgresAdapter({
|
db: postgresAdapter({
|
||||||
idType: "uuid",
|
idType: "uuid",
|
||||||
|
push: false,
|
||||||
pool: {
|
pool: {
|
||||||
connectionString: process.env.DATABASE_URI,
|
connectionString: process.env.DATABASE_URI,
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue