e140702784
* start to create asset list * begin refactoring overlay component to remove duplicate code * refactoring of overlays, asset list styles * changes to add size to asset list * fixes to asset list * handle case in which a user hasn't uploaded any assets * fix bug in which asset list only grabbed first asset * remove console.log * update overlay exit styling to use icon mixin
84 lines
2.5 KiB
JavaScript
84 lines
2.5 KiB
JavaScript
import React from 'react';
|
|
|
|
import {
|
|
metaKeyName,
|
|
} from '../../../utils/metaKey';
|
|
|
|
function KeyboardShortcutModal() {
|
|
return (
|
|
<ul className="keyboard-shortcuts" title="keyboard shortcuts">
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">Shift + Tab</span>
|
|
<span>Tidy</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + S
|
|
</span>
|
|
<span>Save</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + F
|
|
</span>
|
|
<span>Find Text</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + G
|
|
</span>
|
|
<span>Find Next Text Match</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + Shift + G
|
|
</span>
|
|
<span>Find Previous Text Match</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + [
|
|
</span>
|
|
<span>Indent Code Left</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + ]
|
|
</span>
|
|
<span>Indent Code Right</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + /
|
|
</span>
|
|
<span>Comment Line</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + Enter
|
|
</span>
|
|
<span>Start Sketch</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + Shift + Enter
|
|
</span>
|
|
<span>Stop Sketch</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + Shift + 1
|
|
</span>
|
|
<span>Toggle Text-based Canvas</span>
|
|
</li>
|
|
<li className="keyboard-shortcut-item">
|
|
<span className="keyboard-shortcut__command">
|
|
{metaKeyName} + Shift + 2
|
|
</span>
|
|
<span>Turn Off Text-based Canvas</span>
|
|
</li>
|
|
</ul>
|
|
);
|
|
}
|
|
|
|
export default KeyboardShortcutModal;
|