[API Node] Adjust notification dismiss logic and message (#3778) (#3780)

Author: christian-byrne

src/components/dialog/content/ApiNodesNewsContent.vue

@@ -35,6 +35,7 @@
 <script setup lang="ts">
 import Button from 'primevue/button'
 import Tag from 'primevue/tag'
+import { onBeforeUnmount } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
@@ -66,4 +67,8 @@ const { onClose } = defineProps<{
 const handleLearnMore = () => {
   window.open('https://blog.comfy.org/p/comfyui-native-api-nodes', '_blank')
 }
+
+onBeforeUnmount(() => {
+  localStorage.setItem('api-nodes-news-seen', 'true')
+})
 </script>

src/locales/en/main.json

@@ -1211,7 +1211,7 @@
   },
   "apiNodesNews": {
     "introducing": "Introducing",
-    "subtitle": "All External Models now available in ComfyUI",
+    "subtitle": "Access all the popular paid models natively in ComfyUI",
     "steps": {
       "step1": {
         "title": "Login/Create an account:",

src/services/dialogService.ts

@@ -393,14 +393,14 @@ export const useDialogService = () => {
       key: 'api-nodes-news',
       component: ApiNodesNewsContent,
       props: {
+        dismissableMask: true,
         onClose: () => {
           dialogStore.closeDialog({ key: 'api-nodes-news' })
           localStorage.setItem('api-nodes-news-seen', 'true')
         }
       },
       dialogComponentProps: {
         closable: false,
-        modal: false,
         position: 'bottomright'
       }
     })