From 24544be0e6facbe5a0e2574a134b2339d5d45d51 Mon Sep 17 00:00:00 2001
From: johnnyjoy <yourselfhosted@gmail.com>
Date: Mon, 8 Jul 2024 09:11:03 +0800
Subject: [PATCH] chore: add more reference links

---
 frontend/web/src/pages/CollectionDashboard.tsx | 10 +++++++++-
 frontend/web/src/pages/ShortcutDashboard.tsx   | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/web/src/pages/CollectionDashboard.tsx b/frontend/web/src/pages/CollectionDashboard.tsx
index 1bc9542..398c1ad 100644
--- a/frontend/web/src/pages/CollectionDashboard.tsx
+++ b/frontend/web/src/pages/CollectionDashboard.tsx
@@ -76,7 +76,15 @@ const CollectionDashboard: React.FC = () => {
         ) : filteredCollections.length === 0 ? (
           <div className="py-16 w-full flex flex-col justify-center items-center text-gray-400">
             <Icon.PackageOpen className="w-16 h-auto" strokeWidth="1" />
-            <p className="mt-4">No collections found.</p>
+            <p className="mt-2">No collections found.</p>
+            <a
+              className="text-blue-600 border-t text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
+              href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/collections.md"
+              target="_blank"
+            >
+              <span>Learn more about collections.</span>
+              <Icon.ExternalLink className="ml-1 w-4 h-auto inline" />
+            </a>
           </div>
         ) : (
           <div className="w-full flex flex-col justify-start items-start gap-3">
diff --git a/frontend/web/src/pages/ShortcutDashboard.tsx b/frontend/web/src/pages/ShortcutDashboard.tsx
index 6bdf777..3ae6546 100644
--- a/frontend/web/src/pages/ShortcutDashboard.tsx
+++ b/frontend/web/src/pages/ShortcutDashboard.tsx
@@ -78,7 +78,15 @@ const ShortcutDashboard: React.FC = () => {
         ) : orderedShortcutList.length === 0 ? (
           <div className="py-16 w-full flex flex-col justify-center items-center text-gray-400">
             <Icon.PackageOpen className="w-16 h-auto" strokeWidth="1" />
-            <p className="mt-4">No shortcuts found.</p>
+            <p className="mt-2">No shortcuts found.</p>
+            <a
+              className="text-blue-600 border-t text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
+              href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/shortcuts.md"
+              target="_blank"
+            >
+              <span>Learn more about shortcuts.</span>
+              <Icon.ExternalLink className="ml-1 w-4 h-auto inline" />
+            </a>
           </div>
         ) : (
           <ShortcutsContainer shortcutList={orderedShortcutList} />