diff --git a/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx b/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx index 70d4ee5ead..707e86055e 100644 --- a/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx +++ b/scm-ui/ui-components/src/buttons/OpenInFullscreenButton.tsx @@ -26,10 +26,12 @@ import { FC, ReactNode, useState } from "react"; import { useTranslation } from "react-i18next"; import styled from "styled-components"; import FullscreenModal from "../modals/FullscreenModal"; +import Tooltip from "../Tooltip"; type Props = { modalTitle: string; modalBody: ReactNode; + useTitleTooltip?: boolean; // not recommended }; const Button = styled.a` @@ -39,13 +41,14 @@ const Button = styled.a` } `; -const OpenInFullscreenButton: FC = ({ modalTitle, modalBody }) => { +const OpenInFullscreenButton: FC = ({ modalTitle, modalBody, useTitleTooltip = false }) => { const [t] = useTranslation("repos"); const [showModal, setShowModal] = useState(false); - return ( + const tooltip = t("diff.fullscreen.open"); + const content = ( <> - {showModal && ( @@ -58,6 +61,15 @@ const OpenInFullscreenButton: FC = ({ modalTitle, modalBody }) => { )} ); + + if (useTitleTooltip) { + return <>{content}; + } + return ( + + {content} + + ); }; export default OpenInFullscreenButton; diff --git a/scm-ui/ui-webapp/src/repos/sources/containers/Content.tsx b/scm-ui/ui-webapp/src/repos/sources/containers/Content.tsx index 7f827f855a..2f3ccfb3c0 100644 --- a/scm-ui/ui-webapp/src/repos/sources/containers/Content.tsx +++ b/scm-ui/ui-webapp/src/repos/sources/containers/Content.tsx @@ -138,6 +138,7 @@ class Content extends React.Component { {content}} + useTitleTooltip={true} />