Merge pull request #217 from mayankgongal5/develop

fix(downloads): show hand cursor on platform selection and download buttons

Author: NebraskaCoder

app/[locale]/download/components/CloudImage/VersionPicker.tsx

@@ -50,7 +50,7 @@ const VersionPicker: React.FC<DownloadCardProps> = ({ versions }) => {
             value={selectedVersion}
             onValueChange={setSelectedVersion}
           >
-            <SelectTrigger className="w-full">
+            <SelectTrigger className="w-full cursor-pointer">
               <SelectValue>
                 {versions.find((v) => v.versionId === selectedVersion)
                   ?.versionName || versions[0]?.versionName}
@@ -61,6 +61,7 @@ const VersionPicker: React.FC<DownloadCardProps> = ({ versions }) => {
                 <SelectItem
                   key={index}
                   value={version.versionId}
+                  className="cursor-pointer"
                 >
                   {version.versionName}
                 </SelectItem>
@@ -102,6 +103,7 @@ const VersionPicker: React.FC<DownloadCardProps> = ({ versions }) => {
               <TabsTrigger
                 key={index}
                 value={version.versionId}
+                className="cursor-pointer"
               >
                 {version.versionName}
               </TabsTrigger>

app/[locale]/download/components/DefaultImage/VersionPicker.tsx

@@ -50,7 +50,7 @@ const VersionPicker: React.FC<DownloadCardProps> = ({ versions }) => {
             value={selectedVersion}
             onValueChange={setSelectedVersion}
           >
-            <SelectTrigger className="w-full">
+            <SelectTrigger className="w-full cursor-pointer">
               <SelectValue>
                 {versions.find((v) => v.versionId === selectedVersion)
                   ?.versionName || versions[0]?.versionName}
@@ -61,6 +61,7 @@ const VersionPicker: React.FC<DownloadCardProps> = ({ versions }) => {
                 <SelectItem
                   key={index}
                   value={version.versionId}
+                  className="cursor-pointer"
                 >
                   {version.versionName}
                 </SelectItem>
@@ -100,6 +101,7 @@ const VersionPicker: React.FC<DownloadCardProps> = ({ versions }) => {
               <TabsTrigger
                 key={index}
                 value={version.versionId}
+                className="cursor-pointer"
               >
                 {version.versionName}
               </TabsTrigger>

app/[locale]/download/components/TabsClient.tsx

@@ -189,6 +189,7 @@ const TabsClient = ({ architectures, translations }: TabsClientProps) => {
           <TabsTrigger
             key={arch}
             value={arch}
+            className="cursor-pointer"
           >
             {translations.tabs[arch]}
           </TabsTrigger>
@@ -200,14 +201,15 @@ const TabsClient = ({ architectures, translations }: TabsClientProps) => {
           value={currentArch}
           onValueChange={updateArchitecture}
         >
-          <SelectTrigger className="w-full">
+          <SelectTrigger className="w-full cursor-pointer">
             <SelectValue>{translations.tabs[currentArch]}</SelectValue>
           </SelectTrigger>
           <SelectContent>
             {Object.keys(architectures).map((arch) => (
               <SelectItem
                 key={arch}
                 value={arch}
+                className="cursor-pointer"
               >
                 {translations.tabs[arch]}
               </SelectItem>

components/ui/button.tsx

@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
   {
     variants: {
       variant: {