d0fc673f52
<!-- Thanks for opening a PR! Your contribution is much appreciated. In order to make sure your PR is handled as smoothly as possible we request that you follow the checklist sections below. Choose the right checklist for the change that you're making: --> @styfle as suggested here the TS PR. > I suggest creating the first PR that is just JS => TS. > > The create a second PR that makes style changes. > ## Changelog - Update react - Migrated to typescript ## Related https://github.com/vercel/next.js/pull/40153 ## Documentation / Examples - [x] Make sure the linting passes by running `pnpm lint` - [x] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)
30 lines
923 B
XML
30 lines
923 B
XML
import styles from './view-source.module.css'
|
|
|
|
type ViewSourceProps = {
|
|
pathname: string
|
|
}
|
|
|
|
const ViewSource = ({ pathname }: ViewSourceProps) => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="80"
|
|
height="80"
|
|
viewBox="0 0 250 250"
|
|
fill="#151513"
|
|
className={styles.svg}
|
|
>
|
|
<a
|
|
title="View Source"
|
|
href={`https://github.com/vercel/next.js/tree/canary/examples/image-component/${pathname}`}
|
|
>
|
|
<path d="M0 0l115 115h15l12 27 108 108V0z" fill="#fff" />
|
|
<path
|
|
className={styles.arm}
|
|
d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16"
|
|
/>
|
|
<path d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z" />
|
|
</a>
|
|
</svg>
|
|
)
|
|
|
|
export default ViewSource
|