diff --git a/src/components/Sections/CTASection.tsx b/src/components/Sections/CTASection.tsx index 5ba27c0..626587f 100644 --- a/src/components/Sections/CTASection.tsx +++ b/src/components/Sections/CTASection.tsx @@ -43,7 +43,7 @@ const Section = styled.section<{ colors: string }>` type Colors = "orange1" | "lightBlue" | "darkBlue" | "blue1" | "lightTurquoise"; -interface CTASectionProps { +interface CTASectionProps extends React.HTMLAttributes { bgColor?: Colors; link?: string; linkText?: string; @@ -90,8 +90,8 @@ a:hover { } } -const CTASection: React.FC = ({ bgColor = "orange1", link, linkText, children }) => ( -
+const CTASection: React.FC = ({ bgColor = "orange1", link, linkText, children, ...props }) => ( +

{children}

{link && ( diff --git a/src/components/Sections/FullWidthSection.tsx b/src/components/Sections/FullWidthSection.tsx index effd10a..87bbce6 100644 --- a/src/components/Sections/FullWidthSection.tsx +++ b/src/components/Sections/FullWidthSection.tsx @@ -25,7 +25,7 @@ const StyledSection = styled.section` } `; -const FullWidthSection: React.FC = (props) => ( +const FullWidthSection: React.FC> = (props) => ( ) diff --git a/src/components/Sections/TextSection.tsx b/src/components/Sections/TextSection.tsx index 5d8af42..c5d48fb 100644 --- a/src/components/Sections/TextSection.tsx +++ b/src/components/Sections/TextSection.tsx @@ -76,7 +76,7 @@ const StyledSection = styled.section` } `; -const TextSection: React.FC = (props) => ( +const TextSection: React.FC> = (props) => ( ) diff --git a/src/views/ActualPage/ActualPageHero.tsx b/src/views/ActualPage/ActualPageHero.tsx index 14b3612..17974b0 100644 --- a/src/views/ActualPage/ActualPageHero.tsx +++ b/src/views/ActualPage/ActualPageHero.tsx @@ -10,12 +10,12 @@ const ActualPageHero: React.FC = () => ( text="Teekkarielämä ei ole pelkkää saunomista, juhlimista ja muita huvituksia—tai no, on se sitäkin." > - + - + diff --git a/src/views/ActualPage/EventCalendar.tsx b/src/views/ActualPage/EventCalendar.tsx index b6da06c..46b9228 100644 --- a/src/views/ActualPage/EventCalendar.tsx +++ b/src/views/ActualPage/EventCalendar.tsx @@ -15,7 +15,7 @@ const EventCalendar: React.FC = ({events}) => { const filteredEvents = events.slice(0, numberShown); return ( -

+

Tapahtumat - + @@ -26,8 +26,8 @@ const FrontPageHero: React.FC = () => ( @@ -39,7 +39,7 @@ const FrontPageHero: React.FC = () => ( /> diff --git a/src/views/FrontPage/FrontPageView.tsx b/src/views/FrontPage/FrontPageView.tsx index f0cab20..880e09c 100644 --- a/src/views/FrontPage/FrontPageView.tsx +++ b/src/views/FrontPage/FrontPageView.tsx @@ -55,7 +55,7 @@ const FrontPageView: React.FC = ({ events, feed }) => ( /> ))} @@ -82,7 +82,7 @@ const FrontPageView: React.FC = ({ events, feed }) => ( /> ))}