Merge pull request #53 from cecilia-sanare/anchor-tags

fix: issue with middle clicking and ctrl clicking themes / plugins

Author: shdwmtr

apps/www/src/components/PluginCard.tsx

@@ -19,10 +19,6 @@ function CreateCard(item) {
 		}
 	}
 
-	const openPopup = () => {
-		window.location.href = `/plugin?id=${data.id}`;
-	};
-
 	const openInNewTab = (e) => {
 		window.open(`/plugin?id=${data.id}`, '_blank');
 		setContextMenu({ ...contextMenu, visible: false });
@@ -99,7 +95,7 @@ function CreateCard(item) {
 
 	return (
 		<>
-			<a className="card-wrap" onClick={openPopup} onContextMenu={handleContextMenu} ref={cardRef} tabIndex={0} style={{ position: 'relative', userSelect: 'none' }}>
+			<a className="card-wrap" href={`/plugin?id=${data.id}`} onContextMenu={handleContextMenu} ref={cardRef} tabIndex={0} style={{ position: 'relative', userSelect: 'none' }}>
 				<div className="card">
 					<div className="card-body">
 						<h3 className="card-title">{data?.pluginJson?.common_name}</h3>

apps/www/src/components/RenderFluenty.tsx

@@ -60,8 +60,8 @@ function DisplayFluentyAd() {
 
 	return (
 		<>
-			<a className="card-wrap" ref={cardRef} tabIndex={0} style={{ position: 'relative', userSelect: 'none' }}>
-				<div className="card" onClick={() => (window.location.href = '/fluenty-steam')} onContextMenu={handleContextMenu} style={{ width: '100%', height: '100%' }}>
+			<a className="card-wrap" href="/fluenty-steam" ref={cardRef} tabIndex={0} style={{ position: 'relative', userSelect: 'none' }}>
+				<div className="card" onContextMenu={handleContextMenu} style={{ width: '100%', height: '100%' }}>
 					<img loading="lazy" className="card-image" src="https://i.imgur.com/2aAaAES.gif" data-holder-rendered="true" />
 					<div className="card-body">
 						<h3 className="card-title">Fluenty</h3>

apps/www/src/components/ThemeCard.tsx

@@ -19,10 +19,6 @@ function CreateCard(item) {
 		}
 	}
 
-	const openPopup = () => {
-		window.location.href = `/theme?id=${data.data.id}`;
-	};
-
 	const openInNewTab = (e) => {
 		window.open(`/theme?id=${data.data.id}`, '_blank');
 		setContextMenu({ ...contextMenu, visible: false });
@@ -75,7 +71,7 @@ function CreateCard(item) {
 
 	return (
 		<>
-			<a className="card-wrap" onClick={openPopup} onContextMenu={handleContextMenu} ref={cardRef} tabIndex={0} style={{ position: 'relative', userSelect: 'none' }}>
+			<a className="card-wrap" href={`/theme?id=${data.data.id}`} onContextMenu={handleContextMenu} ref={cardRef} tabIndex={0} style={{ position: 'relative', userSelect: 'none' }}>
 				<div className="card" style={{ width: '100%', height: '100%' }}>
 					<img
 						loading="lazy"