mirror of
https://github.com/StepanovPlaton/AboutMe.git
synced 2026-04-04 04:40:51 +04:00
45 lines
1.2 KiB
Plaintext
45 lines
1.2 KiB
Plaintext
---
|
||
import { getParentLink } from "@utils/navigation";
|
||
import { url } from "@utils/url";
|
||
import { i18n } from "@i18n/translation";
|
||
import I18nKey from "@i18n/i18nKey";
|
||
|
||
|
||
interface Props {
|
||
currentPath?: string;
|
||
href?: string;
|
||
text?: string;
|
||
}
|
||
|
||
const { currentPath, href, text } = Astro.props;
|
||
|
||
let targetUrl = href;
|
||
let targetText = text;
|
||
|
||
if (currentPath && !targetUrl) {
|
||
const parentLink = getParentLink(currentPath);
|
||
if (parentLink) {
|
||
targetUrl = url(parentLink.url);
|
||
targetText = `${i18n(I18nKey.backTo)} ${parentLink.name}`;
|
||
}
|
||
}
|
||
|
||
// 如果既没有传入 href，也没能根据 currentPath 找到父级菜单，则不渲染
|
||
if (!targetUrl) {
|
||
return null;
|
||
}
|
||
---
|
||
|
||
<div class="mb-6">
|
||
<a
|
||
href={targetUrl}
|
||
class="inline-flex items-center gap-2 text-neutral-600 dark:text-neutral-400 hover:text-(--primary) transition-colors group"
|
||
>
|
||
<svg class="w-4 h-4 transition-transform group-hover:-translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
||
</svg>
|
||
<span class="text-sm font-medium">
|
||
{targetText}
|
||
</span>
|
||
</a>
|
||
</div> |