Update Windows shortcuts to match Windows shortcut standard styling (#…

…330)

.changeset/early-months-fold.md

@@ -0,0 +1,5 @@
+---
+'playroom': patch
+---
+
+Update shortcut format for Windows users for consistency with standard styling.

src/Playroom/SettingsPanel/SettingsPanel.tsx

@@ -23,16 +23,17 @@ import { isMac } from '../../utils/formatting';
 const getKeyBindings = () => {
   const metaKeySymbol = isMac() ? '⌘' : 'Ctrl';
   const altKeySymbol = isMac() ? '⌥' : 'Alt';
+  const shiftKeySymbol = isMac() ? '⇧' : 'Shift';
 
   return {
     'Toggle comment': [metaKeySymbol, '/'],
-    'Wrap selection in tag': [metaKeySymbol, '⇧', ','],
+    'Wrap selection in tag': [metaKeySymbol, shiftKeySymbol, ','],
     'Format code': [metaKeySymbol, 'S'],
     'Select next occurrence': [metaKeySymbol, 'D'],
     'Swap line up': [altKeySymbol, '↑'],
     'Swap line down': [altKeySymbol, '↓'],
-    'Duplicate line up': ['⇧', altKeySymbol, '↑'],
-    'Duplicate line down': ['⇧', altKeySymbol, '↓'],
+    'Duplicate line up': [shiftKeySymbol, altKeySymbol, '↑'],
+    'Duplicate line down': [shiftKeySymbol, altKeySymbol, '↓'],
     'Add cursor to prev line': [metaKeySymbol, altKeySymbol, '↑'],
     'Add cursor to next line': [metaKeySymbol, altKeySymbol, '↓'],
   };

src/Playroom/Toolbar/Toolbar.tsx

@@ -81,7 +81,7 @@ export default ({ themes: allThemes, widths: allWidths, snippets }: Props) => {
             {hasSnippets && (
               <ToolbarItem
                 active={isSnippetsOpen}
-                title={`Insert snippet (${isMac() ? '\u2318' : 'Ctrl + '}K)`}
+                title={`Insert snippet (${isMac() ? '⌘K' : 'Ctrl+K'})`}
                 disabled={!validCursorPosition}
                 data-testid="toggleSnippets"
                 onClick={() => {