From b160fecac4957484423b9ec85599c3ecd947e8f4 Mon Sep 17 00:00:00 2001 From: Cooldude2606 <25043174+Cooldude2606@users.noreply.github.com> Date: Fri, 12 Jun 2026 16:04:39 +0100 Subject: [PATCH] Make icons local to package --- packages/web_ui/global.d.ts | 5 +++++ packages/web_ui/src/components/AboutModal.tsx | 14 +++++--------- packages/web_ui/src/components/ErrorPage.tsx | 7 +++++-- packages/web_ui/src/images/discord.svg | 3 +++ packages/web_ui/src/images/github.svg | 3 +++ packages/web_ui/webpack.common.js | 4 ++++ 6 files changed, 25 insertions(+), 11 deletions(-) create mode 100644 packages/web_ui/src/images/discord.svg create mode 100644 packages/web_ui/src/images/github.svg diff --git a/packages/web_ui/global.d.ts b/packages/web_ui/global.d.ts index 39e6ec20..475b5037 100644 --- a/packages/web_ui/global.d.ts +++ b/packages/web_ui/global.d.ts @@ -3,6 +3,11 @@ declare module "*.png" { export default value; } +declare module "*.svg" { + const value: string; + export default value; +} + declare module "*.md" { const value: string; export default value; diff --git a/packages/web_ui/src/components/AboutModal.tsx b/packages/web_ui/src/components/AboutModal.tsx index 9c066da2..7a167858 100644 --- a/packages/web_ui/src/components/AboutModal.tsx +++ b/packages/web_ui/src/components/AboutModal.tsx @@ -5,6 +5,9 @@ import { ReloadOutlined, CopyOutlined, InfoCircleOutlined } from "@ant-design/ic import { PluginWebApi } from "@clusterio/lib"; import webUiPackage from "../../package.json"; +import DiscordLogo from "../images/discord.svg"; +import GitHubLogo from "../images/github.svg"; + import ControlContext from "./ControlContext"; import { useAccount } from "../model/account"; import { useHosts } from "../model/host"; @@ -153,10 +156,7 @@ export default function AboutModal({ open, onClose, onOpenChangelog }: any) { target="_blank" href="https://github.com/clusterio/clusterio/issues" icon={ - + } > GitHub Issues @@ -165,11 +165,7 @@ export default function AboutModal({ open, onClose, onOpenChangelog }: any) { target="_blank" href="https://discord.gg/mzAsgnm" icon={ - + } > Support Server diff --git a/packages/web_ui/src/components/ErrorPage.tsx b/packages/web_ui/src/components/ErrorPage.tsx index 92876107..99542079 100644 --- a/packages/web_ui/src/components/ErrorPage.tsx +++ b/packages/web_ui/src/components/ErrorPage.tsx @@ -2,6 +2,9 @@ import React from "react"; import { Button, Card, Flex, Image, Typography } from "antd"; import example from "../images/console-error-edge.png"; +import DiscordLogo from "../images/discord.svg"; +import GitHubLogo from "../images/github.svg"; + import PageLayout from "./PageLayout"; import type { ErrorProps } from "./App"; @@ -38,12 +41,12 @@ export default function ErrorPage(props: ErrorProps & { throw?: boolean }) {
diff --git a/packages/web_ui/src/images/discord.svg b/packages/web_ui/src/images/discord.svg new file mode 100644 index 00000000..0cccf665 --- /dev/null +++ b/packages/web_ui/src/images/discord.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/packages/web_ui/src/images/github.svg b/packages/web_ui/src/images/github.svg new file mode 100644 index 00000000..9065f17a --- /dev/null +++ b/packages/web_ui/src/images/github.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/packages/web_ui/webpack.common.js b/packages/web_ui/webpack.common.js index 15db5692..26545081 100644 --- a/packages/web_ui/webpack.common.js +++ b/packages/web_ui/webpack.common.js @@ -129,6 +129,10 @@ module.exports = (env = {}, argv = {}) => ({ test: /\.png$/, type: "asset/resource", }, + { + test: /\.svg$/, + type: "asset/resource", + }, { test: /\.md$/, type: "asset/source",