From 0a11e177a86cacd33457907d8701220c060cb15a Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Fri, 8 Feb 2019 10:36:01 -0800
Subject: [PATCH] Adding a clickable link for the name.

---
 server/ui/src/components/search.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/server/ui/src/components/search.tsx b/server/ui/src/components/search.tsx
index e59a9e1..0f8a872 100644
--- a/server/ui/src/components/search.tsx
+++ b/server/ui/src/components/search.tsx
@@ -124,11 +124,21 @@ export class Search extends Component<any, State> {
             {this.state.results.torrents.map(torrent => (
               <tr>
                 { !torrent.name ? (
-                    <td class="path_column">{getFileName(torrent.path)}</td>
+                  <td className="path_column">
+                    <a class="text-body"
+                      href={magnetLink(torrent.infohash, torrent.path, torrent.index_)}>
+                      {getFileName(torrent.path)}
+                    </a>
+                  </td>
                 ) : (
-                    <td class="search-name-cell">{torrent.name}</td>
+                  <td class="search-name-cell">
+                    <a class="text-body"
+                      href={magnetLink(torrent.infohash, torrent.name, torrent.index_)}>
+                      {torrent.name}
+                    </a>
+                  </td>
                 )}
-                  <td class="text-right text-muted">{humanFileSize(torrent.size_bytes, true)}</td>
+                <td class="text-right text-muted">{humanFileSize(torrent.size_bytes, true)}</td>
                 <td class="text-right text-success"><i class="fas fa-fw fa-arrow-up d-none d-sm-inline mr-1"></i>{torrent.seeders}</td>
                 <td class="text-right text-danger d-none d-md-table-cell"><i class="fas fa-fw fa-arrow-down mr-1"></i>{torrent.leechers}</td>
                 <td class="text-right text-muted d-none d-md-table-cell"
@@ -138,7 +148,7 @@ export class Search extends Component<any, State> {
                 </td>
                 <td class="text-right">
                   <a class="btn btn-sm no-outline p-1"
-                    href={magnetLink(torrent.infohash, torrent.name, torrent.index_)}
+                    href={magnetLink(torrent.infohash, (torrent.name) ? torrent.name : torrent.path, torrent.index_)}
                     data-balloon="Magnet link"
                     data-balloon-pos="left">
                     <i class="fas fa-fw fa-magnet"></i>