Datagrid opens in new tab when click with cmd button (#5378)

* Datagrid opens in new tab when click with cmd button * Add changeset * Shorten code
saleor · Jan 29, 2025 · 8032935 · 8032935
1 parent 6e46436
commit 8032935
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/new-monkeys-talk.md b/.changeset/new-monkeys-talk.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+You can now open datagrid list item in new tab using cmd/ctrl button
diff --git a/src/components/Datagrid/Datagrid.tsx b/src/components/Datagrid/Datagrid.tsx
@@ -533,7 +533,13 @@ export const Datagrid: React.FC<DatagridProps> = ({
             e.preventDefault();
 
             if (e.currentTarget.dataset.reactRouterPath) {
-              navigate(e.currentTarget.dataset.reactRouterPath, navigatorOpts);
+              const url = e.currentTarget.dataset.reactRouterPath;
+
+              if (e.metaKey || e.ctrlKey) {
+                window.open(url, "_blank");
+              } else {
+                navigate(url, navigatorOpts);
+              }
             }
           }}
         />