From 101311d7f1d8a0176fa40ba48291fae6df46b719 Mon Sep 17 00:00:00 2001
From: Sam Reid <reids@colorado.edu>
Date: Tue, 7 May 2024 08:55:59 -0600
Subject: [PATCH] Add keyboard help dialog, see
 https://github.com/phetsims/density-buoyancy-common/issues/102

---
 js/compare/CompareScreen.ts | 4 +++-
 js/intro/IntroScreen.ts     | 4 +++-
 js/mystery/MysteryScreen.ts | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/js/compare/CompareScreen.ts b/js/compare/CompareScreen.ts
index 0a7e7b4..e618000 100644
--- a/js/compare/CompareScreen.ts
+++ b/js/compare/CompareScreen.ts
@@ -16,6 +16,7 @@ import compare_screen_icon_png from '../../mipmaps/compare_screen_icon_png.js';
 import density from '../density.js';
 import DensityStrings from '../DensityStrings.js';
 import DensityBuoyancyScreenView from '../../../density-buoyancy-common/js/common/view/DensityBuoyancyScreenView.js';
+import DensityBuoyancyCommonKeyboardHelpNode from '../../../density-buoyancy-common/js/common/view/DensityBuoyancyCommonKeyboardHelpNode.js';
 
 export default class CompareScreen extends Screen<DensityCompareModel, DensityCompareScreenView> {
   public constructor( tandem: Tandem ) {
@@ -35,7 +36,8 @@ export default class CompareScreen extends Screen<DensityCompareModel, DensityCo
           maxIconWidthProportion: 1,
           maxIconHeightProportion: 1
         } ),
-        tandem: tandem
+        tandem: tandem,
+        createKeyboardHelpNode: () => new DensityBuoyancyCommonKeyboardHelpNode( true, false )
       }
     );
   }
diff --git a/js/intro/IntroScreen.ts b/js/intro/IntroScreen.ts
index 5a7a26f..36674b4 100644
--- a/js/intro/IntroScreen.ts
+++ b/js/intro/IntroScreen.ts
@@ -16,6 +16,7 @@ import intro_screen_icon_png from '../../mipmaps/intro_screen_icon_png.js';
 import density from '../density.js';
 import DensityStrings from '../DensityStrings.js';
 import DensityBuoyancyScreenView from '../../../density-buoyancy-common/js/common/view/DensityBuoyancyScreenView.js';
+import DensityBuoyancyCommonKeyboardHelpNode from '../../../density-buoyancy-common/js/common/view/DensityBuoyancyCommonKeyboardHelpNode.js';
 
 export default class IntroScreen extends Screen<DensityIntroModel, DensityIntroScreenView> {
   public constructor( tandem: Tandem ) {
@@ -35,7 +36,8 @@ export default class IntroScreen extends Screen<DensityIntroModel, DensityIntroS
           maxIconWidthProportion: 1,
           maxIconHeightProportion: 1
         } ),
-        tandem: tandem
+        tandem: tandem,
+        createKeyboardHelpNode: () => new DensityBuoyancyCommonKeyboardHelpNode( true, true )
       }
     );
   }
diff --git a/js/mystery/MysteryScreen.ts b/js/mystery/MysteryScreen.ts
index 2abef79..2e1014b 100644
--- a/js/mystery/MysteryScreen.ts
+++ b/js/mystery/MysteryScreen.ts
@@ -16,6 +16,7 @@ import mystery_screen_icon_png from '../../mipmaps/mystery_screen_icon_png.js';
 import density from '../density.js';
 import DensityStrings from '../DensityStrings.js';
 import DensityBuoyancyScreenView from '../../../density-buoyancy-common/js/common/view/DensityBuoyancyScreenView.js';
+import DensityBuoyancyCommonKeyboardHelpNode from '../../../density-buoyancy-common/js/common/view/DensityBuoyancyCommonKeyboardHelpNode.js';
 
 export default class MysteryScreen extends Screen<DensityMysteryModel, DensityMysteryScreenView> {
   public constructor( tandem: Tandem ) {
@@ -35,7 +36,8 @@ export default class MysteryScreen extends Screen<DensityMysteryModel, DensityMy
           maxIconWidthProportion: 1,
           maxIconHeightProportion: 1
         } ),
-        tandem: tandem
+        tandem: tandem,
+        createKeyboardHelpNode: () => new DensityBuoyancyCommonKeyboardHelpNode( false, false )
       }
     );
   }