From 15be18fa8555362ae4f7226e0467346233a2b9f8 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Thu, 14 Mar 2024 09:07:18 +0800
Subject: [PATCH] chore: update compace mode handler

---
 web/src/components/MemoContent/index.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/src/components/MemoContent/index.tsx b/web/src/components/MemoContent/index.tsx
index 10b5e29c..29db2c73 100644
--- a/web/src/components/MemoContent/index.tsx
+++ b/web/src/components/MemoContent/index.tsx
@@ -1,6 +1,5 @@
 import classNames from "classnames";
 import { memo, useEffect, useRef, useState } from "react";
-import { Link } from "react-router-dom";
 import useCurrentUser from "@/hooks/useCurrentUser";
 import { useMemoStore } from "@/store/v1";
 import { Node, NodeType } from "@/types/node";
@@ -94,13 +93,13 @@ const MemoContent: React.FC<Props> = (props: Props) => {
       </RendererContext.Provider>
       {memo && showCompactMode && (
         <div className="w-full mt-2">
-          <Link
-            className="w-auto inline-flex flex-row justify-start items-center text-sm text-blue-600 dark:text-blue-400 hover:underline"
-            to={`/m/${memo.name}`}
+          <div
+            className="w-auto inline-flex flex-row justify-start items-center cursor-pointer text-sm text-blue-600 dark:text-blue-400 hover:opacity-80"
+            onClick={() => setShowCompactMode(false)}
           >
             <span>{t("memo.show-more")}</span>
             <Icon.ChevronRight className="w-4 h-auto" />
-          </Link>
+          </div>
         </div>
       )}
     </>