ext/moonbase: mark local extensions as such

moonlight-mod · Oct 7, 2024 · 0d0c773 · 0d0c773
1 parent d26db5a
commit 0d0c773
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx b/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx
@@ -20,7 +20,8 @@ export enum ExtensionPage {
 
 import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
 
-const { DownloadIcon, TrashIcon, CircleWarningIcon } = Components;
+const { BeakerIcon, DownloadIcon, TrashIcon, CircleWarningIcon, Tooltip } =
+ Components;
 
 const PanelButton = spacepack.findByCode("Masks.PANEL_BUTTON")[0].exports.Z;
 const TabBarClasses = spacepack.findByExports(
@@ -31,6 +32,10 @@ const TabBarClasses = spacepack.findByExports(
 const MarkupClasses = spacepack.findByExports("markup", "inlineFormat")[0]
  .exports;
 
+const BuildOverrideClasses = spacepack.findByExports(
+ "disabledButtonOverride"
+)[0].exports;
+
 export default function ExtensionCard({ uniqueId }: { uniqueId: number }) {
  const [tab, setTab] = React.useState(ExtensionPage.Info);
  const [restartNeeded, setRestartNeeded] = React.useState(false);
@@ -76,10 +81,21 @@ export default function ExtensionCard({ uniqueId }: { uniqueId: number }) {
  <Card editable={true} className={IntegrationCard.card}>
  <div className={IntegrationCard.cardHeader}>
  <Flex direction={Flex.Direction.VERTICAL}>
- <Flex direction={Flex.Direction.HORIZONTAL}>
+ <Flex direction={Flex.Direction.HORIZONTAL} align={Flex.Align.CENTER}>
  <Text variant="text-md/semibold">
  {ext.manifest?.meta?.name ?? ext.id}
  </Text>
+ {ext.source.type === ExtensionLoadSource.Developer && (
+ <Tooltip text="This is a local extension" position="top">
+ {(props: any) => (
+ <BeakerIcon
+ {...props}
+ class={BuildOverrideClasses.infoIcon}
+ size="xs"
+ />
+ )}
+ </Tooltip>
+ )}
  </Flex>
 
  {tagline != null && (