feat(plugin-multi-tenant): prompt the user to accept changing tenants before actually changing

[JarrodMFlesch]

Before you could easily change the tenant on any given doc by using the globally available multi-select. This would change the tenant without the user truly knowing what they were doing. This change now forces the user confirm with a confirmation modal.

CleanShot.2025-05-14.at.09.38.13.mp4

[github-actions]

🚀 This is included in version v3.38.0

[robclancy]

We completely patched out this functionality to redirect to the index of the collection of the tenant changed to. Which is far more standard ux. Usually a data transfer is a danger option. It would be nice to have an option to do this.

[Lezzio]

How did you patch this one @robclancy ? I agree this behaviour is more UX standard, it's the one we want too. Redirecting to the collections root or even admin root instead of transferring ownership.

Transferring ownership could be an option in the document settings rather than tied to the navigation action

[robclancy]

I used the pnpm patch system. It isn't updated for this latest version though, it's on 3.37.

diff --git a/dist/components/TenantField/index.client.js b/dist/components/TenantField/index.client.js
index e0c16fa7044a43f134884eb6fa7022b5831b6b05..24e2c859cc4fa62ec12d0b760979299d7f4b6c3e 100644
--- a/dist/components/TenantField/index.client.js
+++ b/dist/components/TenantField/index.client.js
@@ -1,15 +1,24 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RelationshipField, useField } from '@payloadcms/ui';
+import { RelationshipField, useField, useConfig } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
+import { useRouter } from 'next/navigation';
 import React from 'react';
 import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
 import './index.scss';
 const baseClass = 'tenantField';
 export const TenantField = (args)=>{
-    const { debug, unique } = args;
+    const { debug, unique, schemaPath } = args;
     const { setValue, value } = useField();
     const { options, selectedTenantID, setPreventRefreshOnChange, setTenant } = useTenantSelection();
     const hasSetValueRef = React.useRef(false);
+    const router = useRouter();
+    const { config } = useConfig()
+    const collectionSlug = schemaPath.split('.')[0]
+    const collectionPath = formatAdminURL({
+        adminRoute: config.routes.admin,
+        path: `/collections/${collectionSlug}`
+    })
     React.useEffect(()=>{
         if (!hasSetValueRef.current) {
             // set value on load
@@ -28,8 +37,12 @@ export const TenantField = (args)=>{
             }
             hasSetValueRef.current = true;
         } else if (!value || value !== selectedTenantID) {
-            // Update the field on the document value when the tenant is changed
-            setValue(selectedTenantID);
+            if (true && value && !unique) { // option here 
+                router.push(collectionPath)
+            } else {
+                // Update the field value when the tenant is changed
+                setValue(selectedTenantID);
+            }
         }
     }, [
         value,

The true in there is where I intended to put an option and make a PR but never got around to it.