3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-04 01:09:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(v2): allow specify custom link for logo (#2253)

Browse source 
* feat(v2): allow specify custom link for logo

* Improve naming

* Improve naming: link -> href
This commit is contained in:
Alexey Pyltsyn 2020-02-01 00:18:04 +03:00 • committed by GitHub
parent e27c8d0d0b
commit daa9a6a044
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

23
packages/docusaurus-theme-classic/src/theme/Navbar/index.js
View file

@ -69,7 +69,16 @@ function Navbar() {
[setLightTheme, setDarkTheme],
);
const logoUrl = useBaseUrl(logo.src);
const logoLink = logo.href || baseUrl;
const isExternalLogoLink = /http/.test(logoLink);
const logoLinkProps = isExternalLogoLink
? {
rel: 'noopener noreferrer',
target: '_blank',
}
: null;
const logoImageUrl = useBaseUrl(logo.src);
return (
<nav
ref={navbarRef}
@ -104,9 +113,9 @@ function Navbar() {
/>
</svg>
</div>
<Link className="navbar__brand" to={baseUrl}>
<Link className="navbar__brand" to={logoLink} {...logoLinkProps}>
{logo != null && (
<img className="navbar__logo" src={logoUrl} alt={logo.alt} />
<img className="navbar__logo" src={logoImageUrl} alt={logo.alt} />
)}
{title != null && (
<strong
@ -148,9 +157,13 @@ function Navbar() {
/>
<div className="navbar-sidebar">
<div className="navbar-sidebar__brand">
<Link className="navbar__brand" onClick={hideSidebar} to={baseUrl}>
<Link
className="navbar__brand"
onClick={hideSidebar}
to={logoLink}
{...logoLinkProps}>
{logo != null && (
<img className="navbar__logo" src={logoUrl} alt={logo.alt} />
<img className="navbar__logo" src={logoImageUrl} alt={logo.alt} />
)}
{title != null && <strong>{title}</strong>}
</Link>