Files
overleaf-cep/services/web/frontend/js/features/ide-react/components/toolbar/logos.tsx
Jimmy Domagala-Tang fc8d564320 Editor Redesign Cleanup: main layout, toolbar, and rail (#31031)
* feat: integrate  main layout, toolbar, and rail from redesign into main ide-react folder

* feat: remove additional files no longer used after ide redesign

GitOrigin-RevId: 8fd77f63cb9c67be91995a9dde13b0fe2376d80f
2026-02-03 09:06:37 +00:00

47 lines
1.5 KiB
TypeScript

import OLTooltip from '@/shared/components/ol/ol-tooltip'
import MaterialIcon from '@/shared/components/material-icon'
import { useTranslation } from 'react-i18next'
import { Cobranding } from '../../../../../../types/cobranding'
type ToolbarLogosProps = {
cobranding?: Cobranding
}
export const ToolbarLogos = ({ cobranding }: ToolbarLogosProps) => {
const { t } = useTranslation()
return (
<div className="ide-redesign-toolbar-logos">
<OLTooltip
id="tooltip-home-button"
description={t('back_to_your_projects')}
overlayProps={{ delay: 0, placement: 'bottom' }}
>
<div className="ide-redesign-toolbar-home-button">
<a href="/project" className="ide-redesign-toolbar-home-link">
<span className="toolbar-ol-logo" aria-label={t('overleaf_logo')} />
<MaterialIcon type="home" className="toolbar-ol-home-button" />
</a>
</div>
</OLTooltip>
{cobranding && cobranding.logoImgUrl && (
<>
<span className="ide-redesign-toolbar-cobranding-separator" />
<a
className="ide-redesign-toolbar-cobranding-link"
href={cobranding.brandVariationHomeUrl}
target="_blank"
rel="noreferrer noopener"
>
<img
src={cobranding.logoImgUrl}
className="ide-redesign-toolbar-cobranding-logo"
alt={cobranding.brandVariationName}
/>
</a>
</>
)}
</div>
)
}