Skip to content

Commit

Permalink
Add link to Evergreen's Figma file from designer resources page (#1055)
Browse files Browse the repository at this point in the history
  • Loading branch information
akleiner2 committed Sep 22, 2020
1 parent 55549df commit 5c2b4db
Show file tree
Hide file tree
Showing 2 changed files with 22 additions and 3 deletions.
25 changes: 22 additions & 3 deletions docs/src/components/DesignersHero.js
@@ -1,8 +1,9 @@
import React from 'react'
import { withPrefix } from 'gatsby'
import { Button } from '../../../src'
import { Button, Pane } from '../../../src'
import spotIllustration from '../images/sketch-hero.png'
import sketchIcon from '../images/sketch-icon.png'
import figmaIcon from '../images/figma-logo.png'

const NativeLink = ({ ...props }) => {
return <a target="_blank" rel="noopener noreferrer" {...props} />
Expand All @@ -23,11 +24,29 @@ export default class DesignersHero extends React.PureComponent {
Design products and side-projects with our official design
resource for the Evergreen community.
</p>
<div>
<Pane display="flex" alignItems="flex-start" flexDirection="column">
<Button
height={40}
appearance="primary"
flexShrink={0}
is={NativeLink}
marginBottom={16}
href="https://www.figma.com/community/file/873000372046493812"
iconBefore={
<img
src={figmaIcon}
height="16"
style={{ marginRight: 10, marginLeft: -2 }}
/>
}
>
Download Figma File
</Button>
<Button
is="a"
onClick={this.trackDownload}
href={withPrefix('/Evergreen v4 Community.sketch')}
flexShrink={0}
iconBefore={
<img
src={sketchIcon}
Expand All @@ -42,7 +61,7 @@ export default class DesignersHero extends React.PureComponent {
>
Download Sketch UI Kit
</Button>
</div>
</Pane>
<div style={{ marginTop: 24, marginBottom: -32 }}>
<a
rel="license"
Expand Down
Binary file added docs/src/images/figma-logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 5c2b4db

Please sign in to comment.