diff --git a/src/templates/shared/components/Header.tsx b/src/templates/shared/components/Header.tsx
index f0ff07b1..d0895796 100644
--- a/src/templates/shared/components/Header.tsx
+++ b/src/templates/shared/components/Header.tsx
@@ -1,6 +1,6 @@
import { MoonIconOutline, SunIconOutline, QuestionMarkCircleIconOutline } from '@neo4j-ndl/react/icons';
import { Typography, IconButton, Tabs, Switch, Logo } from '@neo4j-ndl/react';
-import React, { useState } from 'react';
+import React, { useState, useCallback } from 'react';
import { ThemeWrapperContext } from '../../../context/ThemeWrapper';
import User from './User';
@@ -14,6 +14,7 @@ export default function Header({
setConnectNeo4j = () => {},
openConnectionModal = () => {},
userHeader = true,
+ documentation = "",
}: {
title: string;
navItems?: string[];
@@ -24,6 +25,7 @@ export default function Header({
setConnectNeo4j?: (connectNeo4j: boolean) => void;
openConnectionModal?: () => void;
userHeader?: boolean;
+ documentation?: string;
}) {
const themeUtils = React.useContext(ThemeWrapperContext);
const [themeMode, setThemeMode] = useState
(themeUtils.colorMode);
@@ -35,6 +37,10 @@ export default function Header({
themeUtils.toggleColorMode();
};
+ const handleURLClick = useCallback((url: string) => {
+ window.open(url, '_blank');
+ }, []);
+
return (