Merge branch 'website' of https://github.com/wesbos/awesome-uses into website

This commit is contained in:
Wes Bos 2020-01-10 10:07:46 -05:00
commit 293ab1dcba

View file

@ -18,10 +18,9 @@ export default function Person({ person, currentTag }) {
{person.name} {person.emoji} {person.name} {person.emoji}
</a> </a>
</h3> </h3>
<a <a className="displayLink" href={person.url}>{`${
className="displayLink" url.host
href={person.url} }${url.pathname.slice(0, url.pathname.lastIndexOf('/'))}`}</a>
>{`${url.host}${url.pathname}`}</a>
</header> </header>
<p>{person.description}</p> <p>{person.description}</p>
<Tags> <Tags>
@ -77,6 +76,7 @@ Person.propTypes = {
emoji: PropTypes.string, emoji: PropTypes.string,
description: PropTypes.string, description: PropTypes.string,
tags: PropTypes.arrayOf(PropTypes.string), tags: PropTypes.arrayOf(PropTypes.string),
country: PropTypes.string,
computer: PropTypes.oneOf(['apple', 'windows', 'linux']), computer: PropTypes.oneOf(['apple', 'windows', 'linux']),
phone: PropTypes.oneOf(['iphone', 'android']), phone: PropTypes.oneOf(['iphone', 'android']),
twitter(props, propName, componentName) { twitter(props, propName, componentName) {
@ -118,6 +118,9 @@ const PersonInner = styled.div`
font-size: 1rem; font-size: 1rem;
} }
.displayLink { .displayLink {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none; text-decoration: none;
color: var(--vape); color: var(--vape);
letter-spacing: 1px; letter-spacing: 1px;