diff --git a/modules/banner/element-web/package.json b/modules/banner/element-web/package.json index 6aa9b89e56..f852df5db3 100644 --- a/modules/banner/element-web/package.json +++ b/modules/banner/element-web/package.json @@ -19,7 +19,8 @@ "rollup-plugin-external-globals": "^0.13.0", "typescript": "^5.7.3", "vite": "^6.0.11", - "vite-plugin-node-polyfills": "^0.23.0" + "vite-plugin-node-polyfills": "^0.23.0", + "vite-plugin-svgr": "^4.3.0" }, "dependencies": { "@radix-ui/react-dialog": "^1.1.6", diff --git a/modules/banner/element-web/src/Menu.tsx b/modules/banner/element-web/src/Menu.tsx index 447582822e..4649f64a77 100644 --- a/modules/banner/element-web/src/Menu.tsx +++ b/modules/banner/element-web/src/Menu.tsx @@ -14,6 +14,7 @@ import { InlineSpinner } from "@vector-im/compound-web"; import { StaticConfig } from "./config"; import type { Api } from "@element-hq/element-web-module-api"; import Logo from "./Logo.tsx"; +import TriggerIcon from "./trigger.svg?react"; const Sidebar = styled(motion.div)` padding: 0 var(--cpd-space-3x) var(--cpd-space-4x); @@ -199,12 +200,7 @@ const Menu: FC = ({ api, config, fallbackLogoUrl }) => { - - - + diff --git a/modules/banner/element-web/src/trigger.svg b/modules/banner/element-web/src/trigger.svg new file mode 100644 index 0000000000..72273ad287 --- /dev/null +++ b/modules/banner/element-web/src/trigger.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/modules/banner/element-web/src/vite-env.d.ts b/modules/banner/element-web/src/vite-env.d.ts new file mode 100644 index 0000000000..ef030aec3d --- /dev/null +++ b/modules/banner/element-web/src/vite-env.d.ts @@ -0,0 +1,8 @@ +/* +Copyright 2025 New Vector Ltd. + +SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial +Please see LICENSE files in the repository root for full details. +*/ + +/// diff --git a/modules/banner/element-web/vite.config.ts b/modules/banner/element-web/vite.config.ts index 79d308a798..f57993abbd 100644 --- a/modules/banner/element-web/vite.config.ts +++ b/modules/banner/element-web/vite.config.ts @@ -11,6 +11,7 @@ import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; import { nodePolyfills } from "vite-plugin-node-polyfills"; import externalGlobals from "rollup-plugin-external-globals"; +import svgr from "vite-plugin-svgr"; const __dirname = dirname(fileURLToPath(import.meta.url)); @@ -31,6 +32,7 @@ export default defineConfig({ }, plugins: [ react(), + svgr(), nodePolyfills({ include: ["events"], }),