48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
import React from 'react'
|
|
import stl from './sideMenu.css'
|
|
import cn from 'classnames'
|
|
import { SideMenuitem, Icon } from 'UI'
|
|
import OnboardingMenu from './OnboardingMenu/OnboardingMenu'
|
|
|
|
export default function SideMenu() {
|
|
return (
|
|
<div className={stl.wrapper}>
|
|
<div className={ cn(stl.header, 'flex items-center') }>
|
|
<div className={ stl.label }>
|
|
<span>Setup Project</span>
|
|
</div>
|
|
</div>
|
|
|
|
<OnboardingMenu />
|
|
|
|
<div className={cn(stl.divider, 'my-4')} />
|
|
|
|
<div className={ cn(stl.header, 'flex items-center') }>
|
|
<div className={ stl.label }>
|
|
<span>Help</span>
|
|
</div>
|
|
</div>
|
|
|
|
<SideMenuitem
|
|
// active={activeTab.type === 'all'}
|
|
title="Documentation"
|
|
iconName="journal-code"
|
|
onClick={() => window.open('https://docs.openreplay.com/api', '_blank')}
|
|
/>
|
|
|
|
<SideMenuitem
|
|
// active={activeTab.type === 'all'}
|
|
title="Report Issue"
|
|
iconName="github"
|
|
onClick={() => window.open('https://github.com/openreplay/openreplay/issues/new', '_blank')}
|
|
/>
|
|
|
|
<SideMenuitem
|
|
// active={activeTab.type === 'all'}
|
|
title="Chat with us"
|
|
iconName="chat-dots"
|
|
onClick={() => $crisp.push(['do', 'chat:open']) }
|
|
/>
|
|
</div>
|
|
)
|
|
}
|