From a11c58274c4244e25ca58efbc43101998da8f074 Mon Sep 17 00:00:00 2001
From: IMB11 <calum@modrinth.com>
Date: Wed, 30 Jul 2025 13:23:29 +0100
Subject: [PATCH] fix: issues

---
 .../frontend/src/components/ui/NotificationItem.vue |  6 +++---
 .../src/components/ui/ProjectMemberHeader.vue       |  5 +++--
 packages/ui/src/components/index.ts                 | 13 ++++++-------
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/frontend/src/components/ui/NotificationItem.vue b/apps/frontend/src/components/ui/NotificationItem.vue
index d8235b371..a8bada697 100644
--- a/apps/frontend/src/components/ui/NotificationItem.vue
+++ b/apps/frontend/src/components/ui/NotificationItem.vue
@@ -329,11 +329,11 @@ import {
   UserPlusIcon,
   VersionIcon,
   XIcon,
-} from "@modrinth/ars.js";
+} from "@modrinth/assets";
+import { injectNotificationManager } from "@modrinth/ui";
 
-const app = useNuxtApp();
+const { addNotification } = injectNotificationManager();
 const emit = defineEmits(["update:notifications"]);
-
 const formatRelativeTime = useRelativeTime();
 
 const props = defineProps({
diff --git a/apps/frontend/src/components/ui/ProjectMemberHeader.vue b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
index d3430d42a..63801a911 100644
--- a/apps/frontend/src/components/ui/ProjectMemberHeader.vue
+++ b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
@@ -122,8 +122,6 @@ import { injectNotificationManager } from "@modrinth/ui";
 import { formatProjectType } from "@modrinth/utils";
 import { acceptTeamInvite, removeTeamMember } from "~/helpers/teams.js";
 
-const { addNotification } = injectNotificationManager();
-
 const props = defineProps({
   project: {
     type: Object,
@@ -167,6 +165,7 @@ const props = defineProps({
     type: Function,
     default() {
       return () => {
+        const { addNotification } = injectNotificationManager();
         addNotification({
           title: "An error occurred",
           text: "setProcessing function not found",
@@ -179,6 +178,7 @@ const props = defineProps({
     type: Function,
     default() {
       return () => {
+        const { addNotification } = injectNotificationManager();
         addNotification({
           title: "An error occurred",
           text: "toggleCollapsed function not found",
@@ -191,6 +191,7 @@ const props = defineProps({
     type: Function,
     default() {
       return () => {
+        const { addNotification } = injectNotificationManager();
         addNotification({
           title: "An error occurred",
           text: "updateMembers function not found",
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index 461388446..59e62f461 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -25,7 +25,6 @@ export { default as HeadingLink } from './base/HeadingLink.vue'
 export { default as LoadingIndicator } from './base/LoadingIndicator.vue'
 export { default as ManySelect } from './base/ManySelect.vue'
 export { default as MarkdownEditor } from './base/MarkdownEditor.vue'
-export { default as Notifications } from './base/Notifications.vue'
 export { default as OverflowMenu } from './base/OverflowMenu.vue'
 export type { Option as OverflowMenuOption } from './base/OverflowMenu.vue'
 export { default as Page } from './base/Page.vue'
@@ -64,9 +63,9 @@ export { default as NewsArticleCard } from './content/NewsArticleCard.vue'
 export type { Article as NewsArticle } from './content/NewsArticleCard.vue'
 
 // Modals
-export { default as NewModal } from './modal/NewModal.vue'
-export { default as Modal } from './modal/Modal.vue'
 export { default as ConfirmModal } from './modal/ConfirmModal.vue'
+export { default as Modal } from './modal/Modal.vue'
+export { default as NewModal } from './modal/NewModal.vue'
 export { default as ShareModal } from './modal/ShareModal.vue'
 export { default as TabbedModal } from './modal/TabbedModal.vue'
 export type { Tab as TabbedModalTab } from './modal/TabbedModal.vue'
@@ -101,16 +100,16 @@ export { default as SearchFilterOption } from './search/SearchFilterOption.vue'
 export { default as SearchSidebarFilter } from './search/SearchSidebarFilter.vue'
 
 // Billing
-export { default as PurchaseModal } from './billing/PurchaseModal.vue'
 export { default as AddPaymentMethodModal } from './billing/AddPaymentMethodModal.vue'
 export { default as ModrinthServersPurchaseModal } from './billing/ModrinthServersPurchaseModal.vue'
+export { default as PurchaseModal } from './billing/PurchaseModal.vue'
 
 // Skins
-export { default as SkinPreviewRenderer } from './skin/SkinPreviewRenderer.vue'
 export { default as CapeButton } from './skin/CapeButton.vue'
 export { default as CapeLikeTextButton } from './skin/CapeLikeTextButton.vue'
 export { default as SkinButton } from './skin/SkinButton.vue'
 export { default as SkinLikeTextButton } from './skin/SkinLikeTextButton.vue'
+export { default as SkinPreviewRenderer } from './skin/SkinPreviewRenderer.vue'
 
 // Version
 export { default as VersionChannelIndicator } from './version/VersionChannelIndicator.vue'
@@ -121,6 +120,6 @@ export { default as VersionSummary } from './version/VersionSummary.vue'
 export { default as ThemeSelector } from './settings/ThemeSelector.vue'
 
 // Servers
-export { default as ServersPromo } from './servers/ServersPromo.vue'
-export { default as BackupWarning } from './servers/backups/BackupWarning.vue'
 export { default as ServersSpecs } from './billing/ServersSpecs.vue'
+export { default as BackupWarning } from './servers/backups/BackupWarning.vue'
+export { default as ServersPromo } from './servers/ServersPromo.vue'