1780225da5
* #1952 Fix incorrect localization key for sign-up failure message * feat: add typeScript support to enforce valid translation keys * feat: add typeScript support to enforce valid translation keys * fix lint errors * fix lint error
25 lines
648 B
TypeScript
25 lines
648 B
TypeScript
import { Tooltip } from "@mui/joy";
|
|
import Icon from "./Icon";
|
|
import { useTranslate } from "@/utils/i18n";
|
|
interface Props {
|
|
className?: string;
|
|
url: string;
|
|
title?: string;
|
|
}
|
|
|
|
const LearnMore: React.FC<Props> = (props: Props) => {
|
|
const { className, url, title } = props;
|
|
const t = useTranslate();
|
|
|
|
return (
|
|
<>
|
|
<Tooltip title={title ?? t("common.learn-more")} placement="top">
|
|
<a className={`text-gray-500 dark:text-gray-400 hover:text-blue-600 ${className}`} href={url} target="_blank">
|
|
<Icon.ExternalLink className="w-4 h-auto" />
|
|
</a>
|
|
</Tooltip>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default LearnMore;
|