Mike Wickett
cf9def7ced
* setup desktop client download callout * display different formats for desktop client * add desktop download cta * fix: invalid id * style up hero download button * address review feedback, cleanup
33 lines
1008 B
React
33 lines
1008 B
React
import s from './merch-desktop-client.module.css'
|
|
import InlineSvg from '@hashicorp/react-inline-svg'
|
|
|
|
export default function MerchDesktopDownload({ version, releases }) {
|
|
const { builds } = releases.versions[version]
|
|
|
|
return (
|
|
<div className={s.container} id="desktop">
|
|
<div className={s.wrapper}>
|
|
<span className={s.title}>Desktop Client</span>
|
|
<div className={s.platformVersion}>
|
|
<InlineSvg
|
|
className={s.logo}
|
|
src={require('./img/apple-logo.svg?include')}
|
|
/>
|
|
<span className={s.version}>{version}</span>
|
|
</div>
|
|
<div className={s.downloadLinks}>
|
|
{builds.map((build) => (
|
|
<a key={build.filename} className={s.downloadLink} href={build.url}>
|
|
.{getFileExtension(build.filename)}
|
|
</a>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function getFileExtension(filename) {
|
|
return filename.substring(filename.lastIndexOf('.') + 1, filename.length)
|
|
}
|