web3/site/components/Anchor.js

25 lines
573 B
JavaScript

import { Tooltip } from './Tooltip';
/**
* Component for adding previews on hovering over anchor tags with relative paths
*/
export const Anchor = (props) => {
/* Check if the path is relative */
const pathIsRelative = (path) => {
return path &&
path.indexOf("http:") !== 0 &&
path.indexOf("https:") !== 0 &&
path.indexOf("#") !== 0
}
if (pathIsRelative(props.href)) {
return (
<Tooltip {...props} render={ tooltipTriggerProps => (
<a {...tooltipTriggerProps} />
)}
/>
)
}
return <a {...props} />;
};