From f986ca7b21fd7e139487aa173b7fdef06036f71f Mon Sep 17 00:00:00 2001
From: Wojciech Mista <wojciech.mista@hotmail.com>
Date: Wed, 11 Dec 2024 09:27:24 +0100
Subject: [PATCH] Add contextual links to some list views and Playground panel
 (#5312)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* add contextual links

* contextual links

* add tracking

* changesets

* i18n fix

* remove fragment

* type fix

* small UI fixes

---------

Co-authored-by: Paweł Chyła <chyla1988@gmail.com>
---
 .changeset/beige-flowers-sit.md                   |  5 +++++
 src/components/AppLayout/TopNav/TopNavWrapper.tsx | 11 +++++------
 2 files changed, 10 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/beige-flowers-sit.md

diff --git a/.changeset/beige-flowers-sit.md b/.changeset/beige-flowers-sit.md
new file mode 100644
index 00000000000..794c9a6b8cc
--- /dev/null
+++ b/.changeset/beige-flowers-sit.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+You can now see contextual links to documentation in product, webhooks, order, staff members lists and Graphql Playground panel.
diff --git a/src/components/AppLayout/TopNav/TopNavWrapper.tsx b/src/components/AppLayout/TopNav/TopNavWrapper.tsx
index b53be6702c4..6d97179fbbd 100644
--- a/src/components/AppLayout/TopNav/TopNavWrapper.tsx
+++ b/src/components/AppLayout/TopNav/TopNavWrapper.tsx
@@ -3,13 +3,12 @@ import React from "react";
 
 import { topBarHeight, topBarHeightSubtitle } from "../consts";
 
-export const TopNavWrapper: React.FC<{
-  withoutBorder?: boolean;
-  hasSubtitle?: boolean;
-}> = ({ children, withoutBorder, hasSubtitle }) => (
+export const TopNavWrapper: React.FC<{ withoutBorder?: boolean; hasSubtitle?: boolean }> = ({
+  children,
+  withoutBorder,
+  hasSubtitle,
+}) => (
   <Box
-    display={hasSubtitle ? "block" : "flex"}
-    alignItems="center"
     paddingX={6}
     paddingY={5}
     borderBottomWidth={withoutBorder ? 0 : 1}