mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2026-06-23 04:10:17 +00:00
Philip Molares
1c16e25e14
These icon replace fork awesome. A linter informs the user about the deprecation. See https://github.com/hedgedoc/hedgedoc/issues/2929 Co-authored-by: Philip Molares <philip.molares@udo.edu> Co-authored-by: Tilman Vatteroth <git@tilmanvatteroth.de> Signed-off-by: Philip Molares <philip.molares@udo.edu> Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
37 lines
1010 B
TypeScript
37 lines
1010 B
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
import { UiIcon } from '../icons/ui-icon'
|
|
import type { LinkWithTextProps } from './types'
|
|
import React from 'react'
|
|
|
|
/**
|
|
* An external link.
|
|
* This should be used for linking pages that are not part of the HedgeDoc instance.
|
|
* The links will be opened in a new tab.
|
|
*
|
|
* @param href The links location
|
|
* @param text The links text
|
|
* @param icon An optional icon to be shown before the links text
|
|
* @param id An id for the link object
|
|
* @param className Additional class names added to the link object
|
|
* @param title The title of the link
|
|
*/
|
|
export const ExternalLink: React.FC<LinkWithTextProps> = ({
|
|
href,
|
|
text,
|
|
icon,
|
|
id,
|
|
className = 'text-light',
|
|
title
|
|
}) => {
|
|
return (
|
|
<a href={href} target='_blank' rel='noopener noreferrer' id={id} className={className} title={title} dir='auto'>
|
|
<UiIcon icon={icon} nbsp={true} />
|
|
{text}
|
|
</a>
|
|
)
|
|
}
|