• Home
• net.n2oapp.framework
• n2o-react
• 7.28.2
• source code
• DropdownWrapper.tsx

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

plugins.SideBar.Menu.NavItems.Dropdown.DropdownWrapper.tsx Maven / Gradle / Ivy

import React, { useState, useRef } from 'react'
import classNames from 'classnames'
import { NavItemImage } from '@i-novus/n2o-components/lib/display/NavItemImage'

import { Tooltip } from '../../../../../components/snippets/Tooltip/TooltipHOC'
import { Icon } from '../../../utils'

interface DropdownWrapperProps {
    sidebarOpen: boolean
    title?: string
    children?: JSX.Element
    icon?: string
    src: string
    showContent: boolean
    isMiniView: boolean
    id: string
    imageSrc?: string
    imageShape?: string
    open?: boolean
}

export function DropdownWrapper({
    sidebarOpen,
    title,
    children,
    icon,
    src,
    showContent,
    isMiniView,
    id,
    imageSrc,
    imageShape,
    open = false,
}: DropdownWrapperProps) {
    const ref = useRef(null)
    const [isOpen, setOpen] = useState(open)
    const toggle = () => setOpen(!isOpen)

    const itemDropdownClass = classNames(
        'n2o-sidebar__item-dropdown-label',
        {
            'pl-3': !isMiniView,
            mini: isMiniView,
        },
    )

    const subItemsClass = classNames(
        'n2o-sidebar__subitems',
        {
            visible: showContent,
        },
    )

    return (
        <>
            
                

                    

                        
                        
                        
                            {title}
                        
                        
                    

                

            
            {isOpen && (
{children}
)}
        
    )
}

export default DropdownWrapper