xcv58/Tab-Manager-v2

import React, { useEffect } from 'react'
import { observer } from 'mobx-react-lite'
import DraggableTab from 'components/Tab/DraggableTab'
import { useStore } from 'components/hooks/useStore'
import { WinProps } from 'components/types'
 
export default observer((props: WinProps) => {
  const { windowStore } = useStore()
  useEffect(() => {
    window.requestAnimationFrame(windowStore.windowMounted)
  }, [])
 
  const { win } = props
  if (win.hide) {
    return null
  }
  const content = win.tabs
    .filter((x) => x.isVisible)
    .map((tab) => <DraggableTab key={tab.id} tab={tab} />)
  return <>{content}</>
})