refactor: use primary toast

web/src/lib/utils/asset-utils.ts

@@ -435,23 +435,17 @@ export const toggleArchive = async (asset: AssetResponseDto) => {
 
     asset.isArchived = data.isArchived;
     if (asset.isArchived) {
-      toastManager.custom(
+      toastManager.primary(
         {
-          component: ToastAction,
-          props: {
-            title: $t('success'),
           description: $t('added_to_archive'),
-            color: 'success',
           button: {
-              color: 'secondary',
+            label: $t('undo'),
-              text: $t('undo'),
+            onclick: () =>
-              onClick: () =>
               undoArchiveAssets([asset.id], () => {
                 asset.isArchived = false;
               }),
           },
         },
-        },
         { timeout: 5000 },
       );
     } else {
@@ -498,18 +492,12 @@ export const archiveAssets = async (
     }
 
     if (visibility === AssetVisibility.Archive) {
-      toastManager.custom(
+      toastManager.primary(
         {
-          component: ToastAction,
-          props: {
-            title: $t('success'),
           description: $t('archived_count', { values: { count: ids.length } }),
-            color: 'success',
           button: {
-              color: 'secondary',
+            label: $t('undo'),
-              text: $t('undo'),
+            onclick: () => undoArchiveAssets(ids, onUndoArchive),
-              onClick: () => undoArchiveAssets(ids, onUndoArchive),
-            },
           },
         },
         { timeout: 5000 },