From bc6849b7dc9cc40f40712f1ac42ef3e863719918 Mon Sep 17 00:00:00 2001
From: anuveyatsu <anuar.ustayev@gmail.com>
Date: Mon, 15 Jun 2020 11:51:40 +0600
Subject: [PATCH] [Resources][s]: the component requires 'datapackage' object
 to construct correct resource paths.

---
 components/dataset/Resources.tsx | 8 ++++----
 pages/[org]/[dataset]/index.tsx  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/dataset/Resources.tsx b/components/dataset/Resources.tsx
index 0b9539ed..b492eba0 100644
--- a/components/dataset/Resources.tsx
+++ b/components/dataset/Resources.tsx
@@ -1,6 +1,6 @@
 import Link from 'next/link'
 
-export default function Resources({ resources }) {
+export default function Resources({ datapackage }) {
   return (
     <>
       <h3 className="text-xl font-semibold">Data Files</h3>
@@ -15,10 +15,10 @@ export default function Resources({ resources }) {
           </tr>
         </thead>
         <tbody>
-          {resources.map((resource, index) => (
+          {datapackage.resources.map((resource, index) => (
               <tr key={index}>
                 <td className="px-4 py-2">
-                  <Link href={`r/${resource.name}`}>
+                  <Link href={`${datapackage.name}/r/${resource.name}`}>
                     <a className="underline">{ resource.title || resource.name }</a>
                   </Link>
                 </td>
@@ -26,7 +26,7 @@ export default function Resources({ resources }) {
                 <td className="px-4 py-2">{ resource.created }</td>
                 <td className="px-4 py-2">{ resource.last_modified }</td>
                 <td className="px-4 py-2">
-                  <Link href={`r/${resource.name}`}>
+                  <Link href={`${datapackage.name}/r/${resource.name}`}>
                     <a className="underline">Preview</a>
                   </Link>
                 </td>
diff --git a/pages/[org]/[dataset]/index.tsx b/pages/[org]/[dataset]/index.tsx
index 66e02b99..5e0286c0 100644
--- a/pages/[org]/[dataset]/index.tsx
+++ b/pages/[org]/[dataset]/index.tsx
@@ -21,7 +21,7 @@ function Dataset({ datapackage }) {
         </h1>
         <Org org={datapackage.organization} />
         <About datapackage={datapackage} />
-        <Resources resources={datapackage.resources} />
+        <Resources datapackage={datapackage} />
       </main>
     </>
   )