nezumi/onedrive-vercel-index
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/onedrive-vercel-index.git synced 2026-09-22 13:38:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make filename inputbox default value in custom link menu readable (#484)

Browse Source
This commit is contained in:
myl7
2022-02-22 11:31:39 +08:00
committed by GitHub
parent a2d45788e1
commit bd5dbfef4f
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/CustomEmbedLinkMenu.tsx
+5 -4
View File
@@ -27,7 +27,8 @@ export default function CustomEmbedLinkMenu({
const focusInputRef = useRef<HTMLInputElement>(null) const focusInputRef = useRef<HTMLInputElement>(null)
const closeMenu = () => setMenuOpen(false) 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) const [name, setName] = useState(filename)
return ( return (
@@ -85,13 +86,13 @@ export default function CustomEmbedLinkMenu({
/> />
<h4 className="py-2 text-xs font-medium uppercase tracking-wider">{t('Default')}</h4> <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"> <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> </div>
<h4 className="py-2 text-xs font-medium uppercase tracking-wider">{t('Customised')}</h4> <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"> <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>{`${getBaseUrl()}/api/name/`}</span>
<span className="underline decoration-blue-400 decoration-wavy">{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>
</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" 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={() => { onClick={() => {
clipboard.copy( clipboard.copy(
`${getBaseUrl()}/api/name/${name}/?path=${getReadablePath(path)}${ `${getBaseUrl()}/api/name/${name}/?path=${readablePath}${
hashedToken ? `&odpt=${hashedToken}` : '' hashedToken ? `&odpt=${hashedToken}` : ''
}` }`
) )