gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Roadmap summary badges

Browse Source
This commit is contained in:
Kamran Ahmed
2019-11-09 20:04:10 +04:00
parent c934375cd2
commit 0accc56f05
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/badges/index.js
View File

@ -40,6 +40,11 @@ export const InfoBadge = styled(PrimaryBadge)`
color: white; color: white;
`; `;
export const DarkBadge = styled(PrimaryBadge)`
background: #101010;
color: white;
`;
export const BadgeLink = styled.a` export const BadgeLink = styled.a`
text-decoration: none; text-decoration: none;

6
components/roadmap-summary/index.js
View File

@ -11,9 +11,9 @@ import {
VersionList, VersionList,
} from './style'; } from './style';
import SharePage from 'components/share-page'; import SharePage from 'components/share-page';
import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges'; import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge, DarkBadge } from 'components/badges';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faEnvelope, faClock, faHandshake } from '@fortawesome/free-solid-svg-icons'; import { faEnvelope, faClock, faHandshake, faArrowLeft } from '@fortawesome/free-solid-svg-icons';
import GuideBody from 'components/guide-body'; import GuideBody from 'components/guide-body';
import siteConfig from "data/site"; import siteConfig from "data/site";
@ -41,7 +41,7 @@ const RoadmapSummary = ({ roadmap }) => (
<BadgeLink href={`${siteConfig.url.issue}?title=[${roadmap.title}] - Title Here`} target="_blank"> <BadgeLink href={`${siteConfig.url.issue}?title=[${roadmap.title}] - Title Here`} target="_blank">
<SecondaryBadge> <SecondaryBadge>
<FontAwesomeIcon icon={faHandshake}/> <FontAwesomeIcon icon={faHandshake}/>
Suggest Improvements Suggest Changes
</SecondaryBadge> </SecondaryBadge>
</BadgeLink> </BadgeLink>
) } ) }