From 2eedc63e5239f4c5cb12461cffb69f9914ff692a Mon Sep 17 00:00:00 2001
From: Paul D'Ambra <paul@posthog.com>
Date: Wed, 4 Dec 2024 18:37:32 +0000
Subject: [PATCH] keyb shtct

---
 .../scenes/session-recordings/player/PlayerUpNext.tsx  | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/scenes/session-recordings/player/PlayerUpNext.tsx b/frontend/src/scenes/session-recordings/player/PlayerUpNext.tsx
index 86ca5eb4eae9c..b16df4b1722eb 100644
--- a/frontend/src/scenes/session-recordings/player/PlayerUpNext.tsx
+++ b/frontend/src/scenes/session-recordings/player/PlayerUpNext.tsx
@@ -7,6 +7,8 @@ import { useKeyboardHotkeys } from 'lib/hooks/useKeyboardHotkeys'
 import { Tooltip } from 'lib/lemon-ui/Tooltip'
 import { useEffect, useRef, useState } from 'react'
 
+import { KeyboardShortcut } from '~/layout/navigation-3000/components/KeyboardShortcut'
+
 import { sessionRecordingsPlaylistLogicType } from '../playlist/sessionRecordingsPlaylistLogicType'
 import { sessionRecordingPlayerLogic } from './sessionRecordingPlayerLogic'
 
@@ -68,7 +70,13 @@ export function PlayerUpNext({ playlistLogic }: PlayerUpNextProps): JSX.Element
     }
 
     return (
-        <Tooltip title="Play the next recording (press n)">
+        <Tooltip
+            title={
+                <>
+                    Play the next recording <KeyboardShortcut n />
+                </>
+            }
+        >
             <div className="PlayerUpNext text-xs">
                 <div
                     className={clsx('px-1 py-0.5 PlayerUpNextButton', animate && 'PlayerUpNextButton--animating')}