Error after uploading a torrent. Redirection to all URL with torrent id

[josecelano]

After uploading a torrent, you get this error:

[Vue warn]: Invalid prop: type check failed for prop "torrent". Expected Object, got Null  
  at <TorrentActionCard class="top-8 md:sticky max-w-md" torrent=null onUpdated=fn<reloadTorrent> > 
  at <[infoHash] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {__v_skip: true} > > 
  at <Anonymous key="/torrent/1" routeProps= {Component: {…}, route: {…}} pageKey="/torrent/1"  ... > 
  at <Anonymous > 
  at <RouterView name=undefined route=undefined > 
  at <NuxtPage> 
  at <App key=1 > 
  at <NuxtRoot>

The application tries to navigate to the details URL using the torrent id http://localhost:3000/v1/torrent/1 instead of the info-hash. There is a "TODO":

// TODO: replace torrent_id with info_hash.
function submitForm () {
  uploading.value = true;

  rest.value.torrent.uploadTorrent(
    {
      title: form.value.title,
      category: form.value.category,
      description: form.value.description,
      tags: form.value.tags,
      file: form.value.torrentFile
    }
  )
    .then((torrent_id) => {
      uploading.value = false;

      notify({
        group: "success",
        title: "Success",
        text: "Torrent uploaded!"
      }, 4000);

      navigateTo(`/torrent/${torrent_id}`, { replace: true });
    })
    .catch((err) => {
      uploading.value = false;

      notify({
        group: "error",
        title: "Error",
        text: err
      }, 4000);
    });
}

We have to change the TypeScript wrapper for the backend API:

https://github.com/torrust/torrust-index-api-lib/blob/master/src/modes/rest/resources/torrent.ts#L56-L58

The backend is already returning the info-hash:

https://github.com/torrust/torrust-index-backend/blob/develop/src/web/api/v1/contexts/torrent/responses.rs#L11-L14

[josecelano]

We have to change the API NPM package https://github.com/josecelano/torrust-index-api-lib/issues/1 first.