opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: make testimonials title configurable

Browse source
This commit is contained in:
Oliver Davies 2023-10-16 10:25:28 +01:00
parent 95049a8711
commit 16d6c97821
3 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Testimonials.astro
View file

@ -4,6 +4,7 @@ import _ from "lodash";
interface Props { interface Props {
names: string[]; names: string[];
title?: string;
} }
const defaultNames = [ const defaultNames = [
@ -26,6 +27,7 @@ const defaultNames = [
'anonymous', 'anonymous',
]; ];
const { title } = Astro.props as Props;
const names = _(Astro.props.names || defaultNames); const names = _(Astro.props.names || defaultNames);
const testimonials = await getCollection('testimonial', ({ id }) => names.includes(id)); const testimonials = await getCollection('testimonial', ({ id }) => names.includes(id));
@ -36,7 +38,7 @@ const sortedTestimonials = _(names)
--- ---
{testimonials && ( {testimonials && (
<h2>What others have said</h2> <h2>{title ?? 'What others have said'}</h2>
<div class="mt-6 space-y-14"> <div class="mt-6 space-y-14">
{_(sortedTestimonials).map(({ data: { image, name, tagline, text, url } }) => ( {_(sortedTestimonials).map(({ data: { image, name, tagline, text, url } }) => (

2
src/pages/daily.mdx
View file

@ -25,7 +25,7 @@ import Testimonials from "~/components/Testimonials.astro";
</div> </div>
<div> <div>
<Testimonials names={frontmatter.testimonials} /> <Testimonials title={"What subscribers have said"} names={frontmatter.testimonials} />
</div> </div>
</div> </div>

2
src/pages/testimonials.mdx
View file

@ -5,4 +5,4 @@ title: Testimonials
import Testimonials from "~/components/Testimonials.astro"; import Testimonials from "~/components/Testimonials.astro";
<Testimonials /> <Testimonials title={"What people have said"} />