diff --git a/components/PresidentialList/index.js b/components/PresidentialList/index.js index 119d658..0283dc2 100644 --- a/components/PresidentialList/index.js +++ b/components/PresidentialList/index.js @@ -1,12 +1,12 @@ import * as Styled from './styles'; import useSWR from 'swr'; import fetch from 'isomorphic-fetch'; +import Image from 'next/image'; import toggleSlug from 'components/PartyCard/toggleSlug'; import Router, { useRouter } from 'next/router'; import Loading from 'components/Loading'; import GoBackButton from 'components/GoBackButton'; import comesFromAFinishedPresidentialUserTrip from './comesFromAFinishedPresidentialUserTrip'; -import ExternalLinkIcon from 'public/images/icons/external-link.svg'; const LoadingScreen = () => { return ( @@ -47,6 +47,30 @@ export default function presidentList(props) { } const presidentList = data?.data; + const FollowIcon = () => { + return ( + + + + ); + }; + const NewPlan = () => { + if (presidentList.president.org_politica_alias === 'PerĂº Libre') { + return ( + + + Ir al nuevo plan de gobierno + + + + ); + } + return null; + }; + return ( @@ -65,14 +89,15 @@ export default function presidentList(props) { {presidentList.president.org_politica_alias} + - Ir al plan de gobierno + diff --git a/components/PresidentialList/styles.js b/components/PresidentialList/styles.js index c18e294..3ec5d0c 100644 --- a/components/PresidentialList/styles.js +++ b/components/PresidentialList/styles.js @@ -33,22 +33,28 @@ export const Title = styled(BaseTitle)` export const EmphasizedTitle = styled(Title)` color: #5bc13e; + margin-bottom: 0.5rem; margin-top: 0; `; export const ExternalLink = styled('a')` align-items: center; - align-self: flex-start; + align-self: center; color: #5bc13e; display: flex; font-size: 0.875rem; - margin-top: 1rem; + margin-top: 0.5rem; + padding: 0.5625rem 0; `; export const ExternalLinkText = styled('span')` font-size: 0.875rem; margin-left: 0.5rem; `; +export const FollowIcon = styled.div` + margin-left: 0.625rem; +`; + export const Subtitle = styled('p')` color: #475065; font-family: Poppins; diff --git a/public/images/icons/follow-icon.svg b/public/images/icons/follow-icon.svg new file mode 100644 index 0000000..771be2a --- /dev/null +++ b/public/images/icons/follow-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file