device.viewmodel.ts

import { setActiveTab as setActiveTabState } from '@component/devices/reducer/device.reducer'
import { useAppDispatch, useAppSelector } from '@hooks'
import { DeviceViewTabValues } from '@view/device/device.view.tabs'
import { useEffect } from 'react'

export const useDeviceViewModel = () => {
    const { activeTab } = useAppSelector((state) => state.device)
    const dispatch = useAppDispatch()

    useEffect(() => { }, [])

    const handleActiveTabLink = (tabLink: DeviceViewTabValues) => {
        return activeTab === tabLink ? 'active' : ''
    }

    const setActiveTab = (tab: DeviceViewTabValues) => {
        dispatch(setActiveTabState(tab))
    }

    return {
        activeTab,
        setActiveTab,
        handleActiveTabLink,
    }
}