new-marketplace

1
/* eslint-disable @next/next/no-img-element */
2

3
import Link from 'next/link';
4
import { classNames } from 'primereact/utils';
5
import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
6
import { AppTopbarRef } from '@/types';
7
import { LayoutContext } from './context/layoutcontext';
8

9
const AppTopbar = forwardRef<AppTopbarRef>((props, ref) => {
10
    const { layoutConfig, layoutState, onMenuToggle, showProfileSidebar } = useContext(LayoutContext);
11
    const menubuttonRef = useRef(null);
12
    const topbarmenuRef = useRef(null);
13
    const topbarmenubuttonRef = useRef(null);
14

15
    useImperativeHandle(ref, () => ({
16
        menubutton: menubuttonRef.current,
17
        topbarmenu: topbarmenuRef.current,
18
        topbarmenubutton: topbarmenubuttonRef.current
19
    }));
20

21
    return (
22
        <div className="layout-topbar">
23
            <Link href="/" className="layout-topbar-logo">
24
                <span>Новый Маркетплейс</span>
25
            </Link>
26

27
            <button ref={menubuttonRef} type="button" className="p-link layout-menu-button layout-topbar-button" onClick={onMenuToggle}>
28
                <i className="pi pi-bars" />
29
            </button>
30

31
            <button ref={topbarmenubuttonRef} type="button" className="p-link layout-topbar-menu-button layout-topbar-button" onClick={showProfileSidebar}>
32
                <i className="pi pi-ellipsis-v" />
33
            </button>
34
		</div>
35
    );
36
});
37

38
AppTopbar.displayName = 'AppTopbar';
39

40
export default AppTopbar;
41