import ReactPlayer from 'react-player'
import how_to_select from '../../../static/vid/how_to_select.mov'
import moving_lines from '../../../static/vid/moving_lines.mov'
import undo_mobile from '../../../static/vid/undo_mobile.mov'

# UI Commands

This sections explains the actions that Writeopia provides by clicking in the buttons of the UI.

## Select text
There are 3 ways to select text. It is possible to horizontally swipe the text, click in the drag button or click in the text after pressing Crtl + Alt (Windows/Linux) or Ctrl + CMD (macOS).

<ReactPlayer playing playing={false} controls url={how_to_select} width="100%"/>
<br/>

Once multiple paragraphs are selection, many bulk actions can be done, like deleting many lines at once, moving many at once or making a AI question that includes many lines.

## Drag and Drop
The way to move content is to use the drag icon on the right side of it. Dragging the icon will trigger the drag and drop action.

<ReactPlayer playing playing={false} controls url={moving_lines} width="100%"/>
<br/>

## Undo/Redo
**Android:** By clicking in the arrows in the bottom of the editor, you can undo actions.
**Web and desktop:** By pressing cmd+z (macos) or ctrl+z (windows/linux), , you can undo actions.

<ReactPlayer playing playing={false} controls url={undo_mobile} width="100%"/>

## Text selected - Mobile
When text is selected, new options of commands become available to interact with the selected text. 

<ReactPlayer 
    playing={false} 
    controls url="https://storage.googleapis.com/writeopia-resources/docusaurus/mobile_options.mov"           
    height="600px" 
    width="100%"/>
