Merge #554: Fix: revert link removed in torrent list to torrent details

489a490 fix: [#553] revert link removed in torrent list to torrent details (Jose Celano)

Pull request description:

  Revert link removed in the torrent list to torrent details. It was removed on commit fac4204.

ACKs for top commit:
  josecelano:
    ACK 489a490

Tree-SHA512: e3c9d26446281da106ddf1d2af40d7a86787d6130d20bb222101f857ca67e3dd5a54dc994126d53a87b46d0eafce6952a6b2e69f58f2f4c4ad00efb09a98c17c

components/torrent/TorrentList.vue

@@ -41,7 +41,11 @@
         </div>
         <template v-if="isOpenList[index]">
           <div class="flex flex-row items-start justify-start w-full px-4 pt-2 pb-4 duration-1000 flex-nowrap">
-            <TorrentListTorrentDetails :description="torrent.description" />
+            <TorrentListTorrentDetails
+              :info-hash="torrent.info_hash"
+              :title="torrent.title"
+              :description="torrent.description"
+            />
           </div>
         </template>
       </a>

components/torrent/TorrentListTorrentDetails.vue

@@ -1,6 +1,7 @@
 <template>
   <div
     class="flex flex-col items-center w-full group/details rounded-2xl"
+    @click.stop="$router.push(`/torrent/${props.infoHash}/${slug}`)"
   >
     <div class="flex justify-center w-full p-4 overflow-y-auto duration-500 border-2 max-h-96 border-base-content/20 hover:border-primary text-base-content/75 rounded-2xl">
       <template v-if="description !== null">
@@ -14,14 +15,25 @@
 </template>
 
 <script setup lang="ts">
+import { generateSlug } from "~/src/domain/services/slug";
 
 const props = defineProps({
+  infoHash: {
+    type: String,
+    required: true
+  },
+  title: {
+    type: String,
+    required: true
+  },
   description: {
     type: String,
     required: true
   }
 });
 
+const slug = computed(() => generateSlug(props.title));
+
 </script>
 
 <style scoped>