adding the component file

libs/remix-ui/workspace/src/lib/components/workspace-hamburger-item.tsx

@@ -0,0 +1,51 @@
+import React from 'react'
+import { CustomTooltip } from '@remix-ui/helper'
+import { Dropdown } from 'react-bootstrap'
+import { FormattedMessage } from 'react-intl'
+
+const _paq = window._paq = window._paq || []
+
+export interface HamburgerMenuItemProps {
+  hideOption: boolean
+  kind: string
+  actionOnClick: () => void
+  fa: string
+}
+
+export function HamburgerMenuItem (props: HamburgerMenuItemProps) {
+  const { hideOption } = props
+    const uid = 'workspace' + props.kind
+      return (
+        <>
+          <Dropdown.Item>
+            <CustomTooltip
+              placement="right-start"
+              tooltipId={uid + "Tooltip"}
+              tooltipClasses="text-nowrap"
+              tooltipText={<FormattedMessage id={'filePanel.workspace.' + props.kind} />}
+            >
+              <div
+                data-id={uid}
+                key={uid + '-fe-ws'}
+                onClick={() => {
+                  props.actionOnClick()
+                  _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', {uid}])
+                }}
+              >
+                <span
+                  hidden={hideOption}
+                  id={uid}
+                  data-id={uid}
+                  className={props.fa + ' pl-2'}
+                  style={{width: '1.4rem'}}
+                >
+                </span>
+                <span className="px-2">
+                  <FormattedMessage id={'filePanel.' + props.kind } />
+                </span>
+              </div>
+            </CustomTooltip>
+          </Dropdown.Item>
+        </>
+      )
+    }