fix: ability to right-click on a mod post to open in new tab or copy link

src/components/ModCard.tsx

@@ -4,6 +4,7 @@ type ModCardProps = {
   title: string
   summary: string
   backgroundLink: string
+  link: string
   handleClick: () => void
 }
 
@@ -11,10 +12,18 @@ export const ModCard = ({
   title,
   summary,
   backgroundLink,
+  link,
   handleClick
 }: ModCardProps) => {
   return (
-    <a className='cardModMainWrapperLink' onClick={handleClick}>
+    <a
+      className='cardModMainWrapperLink'
+      href={link}
+      onClick={(e) => {
+        e.preventDefault()
+        handleClick()
+      }}
+    >
       <div className='cardModMain'>
         <div
           className='cMMPicture'

src/pages/mods.tsx

@@ -177,25 +177,26 @@ export const ModsPage = () => {
 
             <div className='IBMSecMain IBMSMListWrapper'>
               <div className='IBMSMList'>
-                {filteredModList.map((mod) => (
+                {filteredModList.map((mod) => {
-                  <ModCard
+                  const route = getModsInnerPageRoute(
-                    key={mod.id}
+                    nip19.naddrEncode({
-                    title={mod.title}
+                      identifier: mod.aTag,
-                    summary={mod.summary}
+                      pubkey: mod.author,
-                    backgroundLink={mod.featuredImageUrl}
+                      kind: kinds.ClassifiedListing
-                    handleClick={() =>
+                    })
-                      navigate(
+                  )
-                        getModsInnerPageRoute(
+
-                          nip19.naddrEncode({
+                  return (
-                            identifier: mod.aTag,
+                    <ModCard
-                            pubkey: mod.author,
+                      key={mod.id}
-                            kind: kinds.ClassifiedListing
+                      title={mod.title}
-                          })
+                      summary={mod.summary}
-                        )
+                      backgroundLink={mod.featuredImageUrl}
-                      )
+                      link={`#${route}`}
-                    }
+                      handleClick={() => navigate(route)}
-                  />
+                    />
-                ))}
+                  )
+                })}
               </div>
             </div>