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;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,6 +18,8 @@ import { transformEvents } from '@/utils/dto/events'
|
|||
import { ContactSection } from '@/compositions/ContactSection/ContactSection'
|
||||
import { CollapsibleImageWithText } from '@/compositions/CollapsibleImageWithText/CollapsibleImageWithText'
|
||||
import { MoreInformation } from '@/pageComponents/Home/MoreInformation'
|
||||
import { Button } from '@/components/Button/Button'
|
||||
import styles from "./styles.module.scss"
|
||||
|
||||
type HomeProps = {
|
||||
events: Event[],
|
||||
|
|
@ -85,32 +87,39 @@ export const Home = ({
|
|||
<HR />
|
||||
|
||||
<Container>
|
||||
|
||||
{blog && blog.length > 0 &&
|
||||
<Section>
|
||||
<Title title={'Aktuelles'} color={"contrast"} />
|
||||
<ImageCardSlider slides={blogToSlides(blog)} />
|
||||
</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>
|
||||
|
||||
<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
|
||||
backgroundColor={'soft'}
|
||||
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({
|
||||
idType: "uuid",
|
||||
push: false,
|
||||
pool: {
|
||||
connectionString: process.env.DATABASE_URI,
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue