Unify menus. Disable erroring. (#4143)

Unify the VS Code extension menus with what we have on dot com. Prevent
an error cycle.

### Change type

- [ ] `bugfix`
- [x] `improvement`
- [ ] `feature`
- [ ] `api`
- [ ] `other`

### Release notes

- Unify the VS Code extension menus (Help and Main menus) with what we
have on tldraw.com
- Prevent an onerror cycle.
This commit is contained in:
Mitja Bezenšek 2024-07-12 08:58:56 +02:00 committed by GitHub
parent 9229d2e3c7
commit bd0e9e3f43
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 9 deletions

View file

@ -1,14 +1,18 @@
import { getAssetUrlsByImport } from '@tldraw/assets/imports'
import { useCallback, useEffect, useMemo, useState } from 'react'
import {
DefaultHelpMenu,
DefaultHelpMenuContent,
DefaultMainMenu,
DefaultSpinner,
EditSubmenu,
Editor,
ErrorBoundary,
ExportFileContentSubMenu,
ExtrasGroup,
HelpGroup,
PreferencesGroup,
TLComponents,
Tldraw,
TldrawUiMenuGroup,
ViewSubmenu,
setRuntimeOverrides,
} from 'tldraw'
import 'tldraw/tldraw.css'
@ -107,13 +111,16 @@ export interface TLDrawInnerProps {
}
const components: TLComponents = {
HelpMenu: () => (
<DefaultHelpMenu>
<TldrawUiMenuGroup id="help">
<DefaultHelpMenuContent />
</TldrawUiMenuGroup>
MainMenu: () => (
<DefaultMainMenu>
<EditSubmenu />
<ViewSubmenu />
<ExportFileContentSubMenu />
<ExtrasGroup />
<PreferencesGroup />
<HelpGroup />
<Links />
</DefaultHelpMenu>
</DefaultMainMenu>
),
}
function TldrawInner({ uri, assetSrc, isDarkMode, fileContents }: TLDrawInnerProps) {

View file

@ -117,6 +117,7 @@ export class WatermarkManager {
// we still fallback to the local watermark.
this.forceLocal = true
this.setWatermarkSrc(watermark)
watermark.onerror = null
}
watermark.onclick = () => {
window.open('https://tldraw.dev', '_blank', 'noopener noreferrer')