import Divider from '../Common/Divider';
import InfoCstStatus from './InfoCstStatus';

function HelpConstituenta() {
  return (
  <div>
    <h1>Подсказки</h1>
    <p><b className='text-warning'>Изменения сохраняются ПОСЛЕ нажатия на кнопку снизу или справа вверху</b></p>
    <p><b>Клик на формальное выражение</b> - обратите внимание на кнопки снизу<br/>Горячие клавиши указаны в подсказках при наведении</p>
    <p><b>Поля Термин и Определение</b> - Ctrl+Пробел открывает диалог редактирования отсылок<br/>Перед открытием диалога переместите текстовый курсор на заменяемое слово или ссылку</p>
    <p><b>Список конституент справа</b> - обратите внимание на настройки фильтрации</p>
    <p>- слева от ввода текста настраивается набор атрибутов конституенты</p>
    <p>- справа от ввода текста настраивается список конституент, которые фильтруются</p>
    <p>- текущая конституента выделена цветом строки</p>
    <p>- двойной клик / Alt + клик - выбор редактируемой конституенты</p>
    <p>- при наведении на ID конституенты отображаются ее атрибуты</p>
    <p>- столбец "Описание" содержит один из непустых текстовых атрибутов</p>

    <Divider margins='mt-2' />
    
    <InfoCstStatus title='Статусы' />
  </div>);
}

export default HelpConstituenta;
