From bd5dbfef4ff428a0125d3c11fde5d948b50f025e Mon Sep 17 00:00:00 2001
From: myl7 <myl@myl.moe>
Date: Tue, 22 Feb 2022 11:31:39 +0800
Subject: [PATCH] Make filename inputbox default value in custom link menu
 readable (#484)

---
 components/CustomEmbedLinkMenu.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/CustomEmbedLinkMenu.tsx b/components/CustomEmbedLinkMenu.tsx
index a7ed49e..1a09669 100644
--- a/components/CustomEmbedLinkMenu.tsx
+++ b/components/CustomEmbedLinkMenu.tsx
@@ -27,7 +27,8 @@ export default function CustomEmbedLinkMenu({
   const focusInputRef = useRef<HTMLInputElement>(null)
   const closeMenu = () => setMenuOpen(false)
 
-  const filename = path.substring(path.lastIndexOf('/') + 1)
+  const readablePath = getReadablePath(path)
+  const filename = readablePath.substring(readablePath.lastIndexOf('/') + 1)
   const [name, setName] = useState(filename)
 
   return (
@@ -85,13 +86,13 @@ export default function CustomEmbedLinkMenu({
                 />
                 <h4 className="py-2 text-xs font-medium uppercase tracking-wider">{t('Default')}</h4>
                 <div className="mb-2 overflow-hidden break-all rounded border border-gray-400/20 bg-gray-50 p-1 font-mono dark:bg-gray-800">
-                  {`${getBaseUrl()}/api/raw/?path=${getReadablePath(path)}${hashedToken ? `&odpt=${hashedToken}` : ''}`}
+                  {`${getBaseUrl()}/api/raw/?path=${readablePath}${hashedToken ? `&odpt=${hashedToken}` : ''}`}
                 </div>
                 <h4 className="py-2 text-xs font-medium uppercase tracking-wider">{t('Customised')}</h4>
                 <div className="mb-2 overflow-hidden break-all rounded border border-gray-400/20 bg-gray-50 p-1 font-mono dark:bg-gray-800">
                   <span>{`${getBaseUrl()}/api/name/`}</span>
                   <span className="underline decoration-blue-400 decoration-wavy">{name}</span>
-                  <span>{`/?path=${getReadablePath(path)}${hashedToken ? `&odpt=${hashedToken}` : ''}`}</span>
+                  <span>{`/?path=${readablePath}${hashedToken ? `&odpt=${hashedToken}` : ''}`}</span>
                 </div>
               </div>
 
@@ -100,7 +101,7 @@ export default function CustomEmbedLinkMenu({
                   className="rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 px-4 py-2 text-center text-sm font-medium text-white hover:bg-gradient-to-bl focus:ring-4 focus:ring-cyan-300 dark:focus:ring-cyan-800"
                   onClick={() => {
                     clipboard.copy(
-                      `${getBaseUrl()}/api/name/${name}/?path=${getReadablePath(path)}${
+                      `${getBaseUrl()}/api/name/${name}/?path=${readablePath}${
                         hashedToken ? `&odpt=${hashedToken}` : ''
                       }`
                     )