From fac420435eab5d187aac08f244a764cc365b8e8d Mon Sep 17 00:00:00 2001
From: ngthhu <hungnt.code@proton.me>
Date: Mon, 22 Apr 2024 23:24:31 +0700
Subject: [PATCH] refactor:[#533] pass description from TorrentList

---
 components/torrent/TorrentList.vue            |  2 +-
 .../torrent/TorrentListTorrentDetails.vue     | 31 ++-----------------
 2 files changed, 4 insertions(+), 29 deletions(-)

diff --git a/components/torrent/TorrentList.vue b/components/torrent/TorrentList.vue
index 756858bc..8a00bc8c 100644
--- a/components/torrent/TorrentList.vue
+++ b/components/torrent/TorrentList.vue
@@ -41,7 +41,7 @@
         </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 :info-hash="torrent.info_hash" />
+            <TorrentListTorrentDetails :description="torrent.description" />
           </div>
         </template>
       </a>
diff --git a/components/torrent/TorrentListTorrentDetails.vue b/components/torrent/TorrentListTorrentDetails.vue
index 09d9a516..c849b153 100644
--- a/components/torrent/TorrentListTorrentDetails.vue
+++ b/components/torrent/TorrentListTorrentDetails.vue
@@ -1,11 +1,10 @@
 <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="torrent?.description">
-        <Markdown :source="torrent.description" />
+      <template v-if="description !== null">
+        <Markdown :source="description" />
       </template>
       <template v-else>
         <span class="italic">No description.</span>
@@ -15,38 +14,14 @@
 </template>
 
 <script setup lang="ts">
-import { type Ref } from "vue";
-import { type TorrentResponse } from "torrust-index-types-lib";
-import { notify } from "notiwind-ts";
-import { onMounted, ref, useRestApi } from "#imports";
-import { generateSlug } from "~/src/domain/services/slug";
-
-const rest = useRestApi();
-
-const torrent: Ref<TorrentResponse> = ref(null);
 
 const props = defineProps({
-  infoHash: {
+  description: {
     type: String,
     required: true
   }
 });
 
-const slug = computed(() => generateSlug(torrent.value.title));
-
-onMounted(() => {
-  rest.value.torrent.getTorrentInfo(props.infoHash)
-    .then((data: TorrentResponse) => {
-      torrent.value = data;
-    })
-    .catch((err: { message: any; }) => {
-      notify({
-        group: "error",
-        title: "Error",
-        text: `Trying to get the torrent information. ${err.message}.`
-      }, 10000);
-    });
-});
 </script>
 
 <style scoped>