import React from 'react' ; import ReactMarkdown from 'react-markdown' ; import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter' ; const l1 = '#### Accessing Screens...' ; const t1 = `s m     Open Dashboard screen
s a     Open Accounts screen
s n     Open Names screen
s e     Open Explorer screen
s s     Open Settings screen
s u     Open Support screen
s k     Show hotkeys (this screen)` ; const l2 = '#### Showing / Hiding Panels...' ; const t2 = `q l      Hide panels but contents
q a      Expand all panels
q h      Show / hide help panel
q m      Show / hide menu panel
q c      Show / hide content panel
q s      Show / hide status panel` ; const l3 = '#### In the Explorer...' ; const t3 = `e b      View blocks
e t      View transactions
e r      View receipts
e l      View logs
e c      View traces` ; const l4 = '#### When Viewing Tables...' ; const t4 = `Home     Go to the first page of data
End      Go to the last page of data
Left     Go to the previous page
Right    Go to the next page` ; export const HotKeys = ( ) => ( < > < ReactMarkdown > { l1 } < /ReactMarkdown> < SyntaxHighlighter > { t1 } < /SyntaxHighlighter> < ReactMarkdown > { l2 } < /ReactMarkdown> < SyntaxHighlighter > { t2 } < /SyntaxHighlighter> < ReactMarkdown > { l3 } < /ReactMarkdown> < SyntaxHighlighter > { t3 } < /SyntaxHighlighter> < ReactMarkdown > { l4 } < /ReactMarkdown> < SyntaxHighlighter > { t4 } < /SyntaxHighlighter> < />);