rzmk/qsvpro.dathere.com
1
0
Fork 0
mirror of https://github.com/dathere/qsvpro.dathere.com.git synced 2025-12-19 05:59:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add download from the Microsoft Store button

Browse source
This commit is contained in:
rzmk 2024-09-27 09:38:35 -04:00
parent dc0acd62e5
commit 6d0f0d2177
No known key found for this signature in database
1 changed files with 51 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

87
src/components/Hero.jsx
View file

@ -121,42 +121,57 @@ export const Hero = () => {
> >
<div className="grid grid-cols-1 place-items-center gap-2 sm:flex-row mt-14 mb-24 sm:mb-40 justify-center"> <div className="grid grid-cols-1 place-items-center gap-2 sm:flex-row mt-14 mb-24 sm:mb-40 justify-center">
{downloadData && OS !== "unknown" ? ( {downloadData && OS !== "unknown" ? (
<> <>
<p className="text-white text-md text-center mx-auto mb-4"> <p className="text-white text-md text-center mx-auto mb-4">
Download qsv pro and explore the free plan or unlock features with a paid plan. Download qsv pro and explore the free plan
</p> or unlock features with a paid plan.
<div className="flex justify-center"> </p>
{Object.keys(downloadData).map( <div className="flex justify-center">
(platform) => ( {Object.keys(downloadData).map(
<div (platform) => (
key={platform} <div
className={`mx-4 ${ key={platform}
platform === OS className={`mx-4 ${
? "text-white text-xl font-bold" platform === OS
: "text-white" ? "text-white text-xl font-bold"
}`} : "text-white"
> }`}
{downloadData[platform].map( >
(download, index) => ( {downloadData[platform].map(
<a (download, index) => (
key={index} <>
href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path {platform ===
className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${ "windows" && (
platform === OS <div className="flex justify-center">
? " bg-teal-600 hover:bg-teal-700" <a href="https://apps.microsoft.com/detail/xpffdj3f1jsztf?mode=full">
: " bg-blue-500 hover:bg-blue-700" <img
}`} src="https://get.microsoft.com/images/en-us%20light.svg"
download width="200"
> />
{download[0]} </a>
</a> </div>
) )}
)} <a
</div> key={index}
) href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path
)} className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${
</div> platform ===
</> OS
? " bg-teal-600 hover:bg-teal-700"
: " bg-blue-500 hover:bg-blue-700"
}`}
download
>
{download[0]}
</a>
</>
)
)}
</div>
)
)}
</div>
</>
) : ( ) : (
<> <>
<a <a