byarielm.fyi
+5
-4
src/components/HistoryTab.tsx
+5
-4
src/components/HistoryTab.tsx
···
118
118
]
119
119
];
120
120
return (
121
-
<button
121
+
<div
122
122
key={upload.uploadId}
123
123
onClick={() => onLoadUpload(upload.uploadId)}
124
-
className="w-full flex items-start space-x-4 p-4 bg-purple-100/20 dark:bg-slate-900/50 hover:bg-purple-100/40 dark:hover:bg-slate-900/70 rounded-xl transition-all text-left border-2 border-orange-650/50 dark:border-amber-400/50 hover:border-orange-500 dark:hover:border-amber-400 shadow-md hover:shadow-lg"
124
+
className="w-full flex items-start space-x-4 p-4 bg-purple-100/20 dark:bg-slate-900/50 hover:bg-purple-100/40 dark:hover:bg-slate-900/70 rounded-xl transition-all text-left border-2 border-orange-650/50 dark:border-amber-400/50 hover:border-orange-500 dark:hover:border-amber-400 shadow-md hover:shadow-lg cursor-pointer"
125
125
>
126
126
<div
127
127
className={`w-12 h-12 bg-gradient-to-r ${getPlatformColor(upload.sourcePlatform)} rounded-xl flex items-center justify-center flex-shrink-0 shadow-md`}
···
145
145
href={destApp.link}
146
146
target="_blank"
147
147
rel="noopener noreferrer"
148
-
className="text-sm text-purple-750 dark:text-cyan-250 hover:underline leading-tight flex items-center space-x-1"
148
+
onClick={(e) => e.stopPropagation()}
149
+
className="text-sm text-purple-750 dark:text-cyan-250 hover:underline leading-tight flex items-center space-x-1 w-fit"
149
150
>
150
151
<span>{destApp.action} on</span>
151
152
···
168
169
</span>
169
170
</div>
170
171
</div>
171
-
</button>
172
+
</div>
172
173
);
173
174
})}
174
175
</div>