diff --git a/src/components/Home/Mailchimp.tsx b/src/components/Home/Mailchimp.tsx index dfa24302..70f15ea9 100644 --- a/src/components/Home/Mailchimp.tsx +++ b/src/components/Home/Mailchimp.tsx @@ -62,7 +62,7 @@ export class Mailchimp extends React.Component<{}, IMailchimpState> { name="EMAIL" id="email" required - onChange={(e) => + onChange={e => this.handleChange(e as React.ChangeEvent) } /> @@ -76,7 +76,7 @@ export class Mailchimp extends React.Component<{}, IMailchimpState> { name="FNAME" id="firstName" required={false} - onChange={(e) => + onChange={e => this.handleChange(e as React.ChangeEvent) } /> @@ -89,7 +89,7 @@ export class Mailchimp extends React.Component<{}, IMailchimpState> { name="LNAME" id="lastName" required={false} - onChange={(e) => + onChange={e => this.handleChange(e as React.ChangeEvent) } /> diff --git a/src/components/Home/Stats.tsx b/src/components/Home/Stats.tsx index 2f2df34e..68e53a86 100644 --- a/src/components/Home/Stats.tsx +++ b/src/components/Home/Stats.tsx @@ -27,12 +27,12 @@ import { } from '../../constants/measurements' const StatWrapper = styled.div<{ colorAlpha: (a: number) => string }>` - background: ${(props) => props.colorAlpha(1)}; + background: ${props => props.colorAlpha(1)}; padding: 1rem; border-radius: ${BORDER_RADIUS_LG}; margin-bottom: 1.5rem; width: 100%; - box-shadow: 0 1px 8px ${(props) => props.colorAlpha(0.5)}; + box-shadow: 0 1px 8px ${props => props.colorAlpha(0.5)}; display: flex; justify-content: space-between; diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx index 929fd710..01c20742 100644 --- a/src/components/Nav/index.tsx +++ b/src/components/Nav/index.tsx @@ -30,7 +30,7 @@ const StyledNav = styled.nav<{ active: boolean }>` padding-bottom: 0.5rem; background: ${WHITE}; min-height: 0; - max-height: ${(props) => { + max-height: ${props => { // Kinda kills the close transition, but it's a hack to get the height right return props.active ? '100vh' : MOBILE_HEADER_HEIGHT }}; diff --git a/src/components/Products/ProductOverview.tsx b/src/components/Products/ProductOverview.tsx index 0a29d67b..e11b46b4 100644 --- a/src/components/Products/ProductOverview.tsx +++ b/src/components/Products/ProductOverview.tsx @@ -9,24 +9,23 @@ const Image = styled.img<{ isEven: boolean }>` width: 100%; ${maxWidth(TABLET)} { - ${(props) => (props.isEven ? 'padding-left: 15%;' : 'padding-right: 15%;')} + ${props => (props.isEven ? 'padding-left: 15%;' : 'padding-right: 15%;')} } ${maxWidth(PHONE)} { - ${(props) => - props.isEven ? 'padding-left: 1rem;' : 'padding-right: 1rem;'} + ${props => (props.isEven ? 'padding-left: 1rem;' : 'padding-right: 1rem;')} } ` -const Img = (props) => +const Img = props => const StyledContainer = styled(Container)<{ isEven: boolean }>` display: flex; justify-content: center; - align-items: ${(props) => (props.isEven ? 'flex-end' : 'flex-start')}; + align-items: ${props => (props.isEven ? 'flex-end' : 'flex-start')}; flex-direction: column; - ${(props) => + ${props => props.isEven && ` * { diff --git a/src/components/Resources/index.tsx b/src/components/Resources/index.tsx index 418e1e88..d53c1873 100644 --- a/src/components/Resources/index.tsx +++ b/src/components/Resources/index.tsx @@ -39,7 +39,7 @@ export const Resources = () => (
- {resources.map((props) => ( + {resources.map(props => ( ))} diff --git a/src/templates/members/utils.tsx b/src/templates/members/utils.tsx index bc304062..d0fd91c1 100644 --- a/src/templates/members/utils.tsx +++ b/src/templates/members/utils.tsx @@ -249,7 +249,7 @@ export const GenericMemberTemplate = ({

Part of{' '} {Array.isArray(team) - ? team.map((t) => t.name).join(' / ') + ? team.map(t => t.name).join(' / ') : team?.name ?? 'Penn Labs'}

Posts
- !p.frontmatter.draft)} /> + !p.frontmatter.draft)} /> ) : null}