claudeandClaude Sonnet 4.6
9ea904f78f
Build and Deploy Verso / deploy (push) Successful in 11m30s
Conflicts resolved: - fat-footer-website-redesign.pug: keep Verso footer (discard Overleaf marketing footer) - MaterialSymbolsRoundedUnfilledPartialSlice.woff2: regenerated from merged unfilled-symbols.mjs (preserves Verso's deployed_code + adds upstream's spellcheck) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
76 lines
3.1 KiB
TypeScript
76 lines
3.1 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import { ToolbarMenuBar } from './menu-bar'
|
|
import { ToolbarProjectTitle } from './project-title'
|
|
import { OnlineUsers } from './online-users'
|
|
import ShareProjectButton from './share-project-button'
|
|
import PresentationPreviewButton from './presentation-preview-button'
|
|
import ChangeLayoutButton from './change-layout-button'
|
|
import ShowHistoryButton from './show-history-button'
|
|
import { useLayoutContext } from '@/shared/context/layout-context'
|
|
import BackToEditorButton from '@/features/editor-navigation-toolbar/components/back-to-editor-button'
|
|
import { useCallback } from 'react'
|
|
import * as eventTracking from '../../../../infrastructure/event-tracking'
|
|
import { ToolbarLogos } from './logos'
|
|
import { useEditorContext } from '@/shared/context/editor-context'
|
|
import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
|
|
import UpgradeButton from './upgrade-button'
|
|
import getMeta from '@/utils/meta'
|
|
import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
|
|
import { useFeatureFlag } from '@/shared/context/split-test-context'
|
|
|
|
const [publishModalModules] = importOverleafModules('publishModal')
|
|
const SubmitProjectButton = publishModalModules?.import.NewPublishToolbarButton
|
|
|
|
export const Toolbar = () => {
|
|
const { view, restoreView } = useLayoutContext()
|
|
const { cobranding, isRestrictedTokenMember } = useEditorContext()
|
|
const { permissionsLevel } = useIdeReactContext()
|
|
const showUpgradePrompt = getMeta('ol-showUpgradePrompt')
|
|
const upgradeButtonRelocation = useFeatureFlag(
|
|
'editor-upgrade-button-relocation'
|
|
)
|
|
const { t } = useTranslation()
|
|
const shouldDisplaySubmitButton =
|
|
(permissionsLevel === 'owner' || permissionsLevel === 'readAndWrite') &&
|
|
SubmitProjectButton
|
|
|
|
const handleBackToEditorClick = useCallback(() => {
|
|
eventTracking.sendMB('navigation-clicked-history', { action: 'close' })
|
|
restoreView()
|
|
}, [restoreView])
|
|
|
|
if (view === 'history') {
|
|
return (
|
|
<nav className="ide-redesign-toolbar" aria-label={t('project_actions')}>
|
|
<div className="d-flex align-items-center">
|
|
<BackToEditorButton onClick={handleBackToEditorClick} />
|
|
</div>
|
|
<ToolbarProjectTitle />
|
|
<div /> {/* Empty div used for spacing */}
|
|
</nav>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<nav className="ide-redesign-toolbar" aria-label={t('project_actions')}>
|
|
<div className="ide-redesign-toolbar-menu">
|
|
<ToolbarLogos cobranding={cobranding} />
|
|
<ToolbarMenuBar />
|
|
{showUpgradePrompt && upgradeButtonRelocation && <UpgradeButton />}
|
|
</div>
|
|
<ToolbarProjectTitle />
|
|
<div className="ide-redesign-toolbar-actions">
|
|
<OnlineUsers />
|
|
{!isRestrictedTokenMember && <ShowHistoryButton />}
|
|
<ChangeLayoutButton />
|
|
{shouldDisplaySubmitButton && cobranding && (
|
|
<SubmitProjectButton cobranding={cobranding} />
|
|
)}
|
|
<PresentationPreviewButton />
|
|
<ShareProjectButton />
|
|
{showUpgradePrompt && !upgradeButtonRelocation && <UpgradeButton />}
|
|
</div>
|
|
</nav>
|
|
)
|
|
}
|