diff --git a/www/src/assets/v2icon.svg b/www/src/assets/v2icon.svg new file mode 100644 index 0000000000000..359c04f7608a2 --- /dev/null +++ b/www/src/assets/v2icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/www/src/views/starter-library/starter-list.js b/www/src/views/starter-library/starter-list.js index 128d2a4dc14a7..b4d66ef5a19fd 100644 --- a/www/src/views/starter-library/starter-list.js +++ b/www/src/views/starter-library/starter-list.js @@ -2,14 +2,13 @@ import React from "react" import { Link } from "gatsby" import LaunchDemoIcon from "react-icons/lib/md/launch" import GithubIcon from "react-icons/lib/go/mark-github" -import CopyToClipboardIcon from "react-icons/lib/go/clippy" import MdStar from "react-icons/lib/md/star" -import { options } from "../../utils/typography" +import { options, rhythm } from "../../utils/typography" import { colors } from "../../utils/presets" -import copyToClipboard from "../../utils/copy-to-clipboard" import styles from "../shared/styles" import ThumbnailLink from "../shared/thumbnail" import EmptyGridItems from "../shared/empty-grid-items" +import V2Icon from "../../assets/v2icon.svg" import get from "lodash/get" const StartersList = ({ urlState, starters, count, sortRecent }) => { @@ -89,45 +88,31 @@ const StartersList = ({ urlState, starters, count, sortRecent }) => { css={{ display: `flex`, justifyContent: `space-between` }} > {owner} / - - - copyToClipboard( - `https://github.com/${githubFullName}` - ) - } - css={{ ...styles.shortcutIcon }} - > - - - {` `} - - - - {` `} - - - {` `} - + + {gatsbyMajorVersion[0][1] === `2` && ( + Gatsby v2 + )} +
+ + {stars} +
- +
- {name} + {name}
-
+ {/* {isGatsbyVersionWarning ? Outdated Version: {minorVersion} : Gatsby Version: {minorVersion} @@ -138,6 +123,7 @@ const StartersList = ({ urlState, starters, count, sortRecent }) => { textOverflow: `ellipsis`, overflow: `hidden`, whiteSpace: `nowrap`, + marginBottom: rhythm(1 / 8), }} > {description || `No description`} @@ -145,21 +131,34 @@ const StartersList = ({ urlState, starters, count, sortRecent }) => {
-
- - {stars} -
-
- {`Gatsby v${gatsbyMajorVersion[0][1]}`} -
Updated {new Date(lastUpdated).toLocaleDateString()}
+ + + + + {` `} + + + +