компонент закрепленной шапки с меню платформы и кнопками типа заказа доступов, сообщения об ошибках и так далее. Готовность по ощущениям процентов 50, требуется доработка

2026-03-22 18:39:57 +03:00
parent e927910fda
commit 61bb0cc23c
1 changed files with 51 additions and 0 deletions
@@ -0,0 +1,51 @@
 import React, { useEffect, useState } from "react";
 import { Button } from '@SharePoint/rencredit_uikit';
 export default function Header(){
  const[appName, setAppName] = useState<string>('');
  useEffect( () => {
    setAppName(document.getElementById('page__header-block')?.dataset.app_name || '');
  }, [])
  return (
    <div className="header-block__header-container">
      <div className="header-container__block">
        <div>
          <Button 
            type = 'button'
            onClick = {() => document.location.href='/public/menu'}
            text = 'ЛОГОТИП ТУТ' 
            ui = 'secondaryPurple'
          />
        </div>
        <div>
          <Button 
            type = 'button'
            onClick = {() => document.location.href='/public/menu'}
            text = 'Меню' 
            ui = 'secondaryPurple'
          />
        </div>
        <div className="header-container__block__app-name">{appName}</div>
      </div>
      <div className="header-container__block">
        <div>
          <Button 
            type = 'button'
            onClick = {() => document.location.href='/public/request_access'}
            text = 'Заказать доступ' 
            ui = 'secondaryPurple'
          />
        </div>
        <div>
          <Button 
            type = 'button'
            onClick = {() => document.location.href='/public/logout'}
            text = 'Выход' 
            ui = 'secondaryPurple'
          />
        </div> 
      </div>
    </div>
  )
 }