diff --git a/packages/core-extensions/src/moonbase/index.tsx b/packages/core-extensions/src/moonbase/index.tsx index 5e10d35..9ba2fab 100644 --- a/packages/core-extensions/src/moonbase/index.tsx +++ b/packages/core-extensions/src/moonbase/index.tsx @@ -48,5 +48,6 @@ export const webpackModules: Record = { export const styles = [ ".moonbase-settings > :first-child { margin-top: 0px; }", "textarea.moonbase-resizeable { resize: vertical }", - ".moonbase-updates-notice { background-color: #222034; color: #FFFBA6; }" + ".moonbase-updates-notice { background-color: #222034; color: #FFFBA6; line-height: unset; height: 36px; }", + ".moonbase-updates-notice_text-wrapper { display: inline-flex; align-items: center; line-height: 36px; gap: 2px; }" ]; diff --git a/packages/core-extensions/src/moonbase/webpackModules/updates.ts b/packages/core-extensions/src/moonbase/webpackModules/updates.tsx similarity index 87% rename from packages/core-extensions/src/moonbase/webpackModules/updates.ts rename to packages/core-extensions/src/moonbase/webpackModules/updates.tsx index 40740db..7d3dab6 100644 --- a/packages/core-extensions/src/moonbase/webpackModules/updates.ts +++ b/packages/core-extensions/src/moonbase/webpackModules/updates.tsx @@ -2,6 +2,8 @@ import spacepack from "@moonlight-mod/wp/spacepack_spacepack"; import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores"; import Notices from "@moonlight-mod/wp/notices_notices"; import { MoonlightBranch } from "types/src"; +import React from "@moonlight-mod/wp/react"; +import * as Components from "@moonlight-mod/wp/discord/components/common/index"; // FIXME: not indexed as importable const Constants = spacepack.require("discord/Constants"); @@ -10,6 +12,8 @@ const UserSettingsSections = spacepack.findObjectFromKey( "APPEARANCE_THEME_PICKER" ); +const { ThemeDarkIcon } = Components; + function plural(str: string, num: number) { return `${str}${num > 1 ? "s" : ""}`; } @@ -58,7 +62,12 @@ function listener() { if (message != null) message += "."; Notices.addNotice({ - element: message, + element: ( +
+ + {message} +
+ ), color: "moonbase-updates-notice", buttons: [ {