Remove @mdi/js as a dependency

2025-12-03 16:07:34 +01:00
parent f087b27b53
commit 3ba6543cb4
10 changed files with 55 additions and 49 deletions
--- a/matrixgw_frontend/src/icons/AppIcon.tsx
+++ b/matrixgw_frontend/src/icons/AppIcon.tsx
@@ -0,0 +1,18 @@
+import { Icon } from "@mui/material";
+import { useActualColorMode } from "../widgets/dashboard/ThemeSwitcher";
+
+export function AppIcon(p: { src: string; size?: string }): React.ReactElement {
+  const { mode } = useActualColorMode();
+  return (
+    <Icon style={{ display: "inline-flex", width: p.size, height: p.size }}>
+      <img
+        style={{
+          height: "100%",
+          flex: 1,
+          backgroundColor: mode === "dark" ? "white" : "black",
+          mask: `url("${p.src}")`,
+        }}
+      />
+    </Icon>
+  );
+}