|
1 |
| -import React, { useContext } from "react" |
| 1 | +// Libraries |
| 2 | +import React from "react" |
2 | 3 | import { useIntl } from "react-intl"
|
3 | 4 | import { useTheme } from "@emotion/react"
|
4 | 5 | import styled from "@emotion/styled"
|
5 | 6 | import { GatsbyImage, getImage } from "gatsby-plugin-image"
|
6 | 7 | import { graphql, PageProps } from "gatsby"
|
7 | 8 |
|
| 9 | +// Assets |
| 10 | +import EthGlyphColoredSvg from "../assets/assets/eth-glyph-colored.svg" |
| 11 | + |
| 12 | +// Components |
8 | 13 | import AssetDownload from "../components/AssetDownload"
|
9 | 14 | import Link from "../components/Link"
|
10 | 15 | import PageMetadata from "../components/PageMetadata"
|
11 | 16 | import Translation from "../components/Translation"
|
12 | 17 | import { Page, Content } from "../components/SharedStyledComponents"
|
13 | 18 | import FeedbackCard from "../components/FeedbackCard"
|
14 | 19 |
|
15 |
| -import { translateMessageId } from "../utils/translations" |
16 |
| -import EthGlyphColoredSvg from "../assets/assets/eth-glyph-colored.svg" |
| 20 | +// Types |
17 | 21 | import { Context } from "../types"
|
18 | 22 |
|
| 23 | +// Utils |
| 24 | +import { translateMessageId } from "../utils/translations" |
| 25 | + |
19 | 26 | const Image = styled(GatsbyImage)`
|
20 | 27 | align-self: center;
|
21 | 28 | width: 100%;
|
@@ -275,6 +282,24 @@ const AssetsPage = ({ data }: PageProps<Queries.AssetsPageQuery, Context>) => {
|
275 | 282 | />
|
276 | 283 | </Row>
|
277 | 284 |
|
| 285 | + <Row> |
| 286 | + <AssetDownload |
| 287 | + title={translateMessageId("page-assets-leslie-the-rhino", intl)} |
| 288 | + alt={translateMessageId("page-assets-leslie-the-rhino", intl)} |
| 289 | + artistName="Tomo Saito" |
| 290 | + artistUrl="https://tomosaito.com/" |
| 291 | + image={data.leslieTheRhino} |
| 292 | + /> |
| 293 | + <AssetDownload |
| 294 | + title={translateMessageId("page-assets-leslie-the-rhino", intl)} |
| 295 | + alt={translateMessageId("page-assets-leslie-the-rhino", intl)} |
| 296 | + artistName="Tomo Saito" |
| 297 | + artistUrl="https://tomosaito.com/" |
| 298 | + image={data.leslieTheRhino} |
| 299 | + shouldHide={true} |
| 300 | + /> |
| 301 | + </Row> |
| 302 | + |
278 | 303 | <H2 id="historical">
|
279 | 304 | <Translation id="page-assets-historical-artwork" />
|
280 | 305 | </H2>
|
@@ -591,6 +616,9 @@ export const query = graphql`
|
591 | 616 | dao: file(relativePath: { eq: "use-cases/dao-2.png" }) {
|
592 | 617 | ...assetItem
|
593 | 618 | }
|
| 619 | + leslieTheRhino: file(relativePath: { eq: "upgrades/upgrade_rhino.png" }) { |
| 620 | + ...assetItem |
| 621 | + } |
594 | 622 | ethGifCat: file(relativePath: { eq: "eth-gif-cat.png" }) {
|
595 | 623 | ...assetItem
|
596 | 624 | }
|
|
0 commit comments