Function TitleBar

components/TitleBar.tsx:31–177

()

import "./styles/titlebar.less"

const TitleBar: React.FunctionComponent = () => {
    const {hover, videoDrag} = useActiveSelector()
    const {setVideoDrag} = useActiveActions()
    const {theme, os, transparent, pinned} = useThemeSelector()
    const {setTheme, setOS, setTransparent, setPinned} = useThemeActions()
    const [iconHover, setIconHover] = useState(false)

    useEffect(() => {
        window.ipcRenderer.on("toggle-pinned", switchPinned)
        return () => {    
            window.ipcRenderer.removeListener("toggle-pinned", switchPinned)
        }
    }, [])

    const onMouseDown = () => {
        window.ipcRenderer.send("moveWindow")
    }

    const close = () => {
        window.ipcRenderer.invoke("close")
    }

    const minimize = async () => {
        await window.ipcRenderer.invoke("minimize")
        setIconHover(false)
    }

    const maximize = () => {
        window.ipcRenderer.invoke("maximize")
    }

    const upload = () => {
        window.ipcRenderer.invoke("upload-file", false)
    }

    const download = () => {
        window.ipcRenderer.invoke("trigger-download")
    }

    const search = () => {
        window.ipcRenderer.invoke("show-link-dialog")
    }

    const fx = () => {
        window.ipcRenderer.invoke("show-fx-dialog")
    }

    const drag = () => {
        setVideoDrag(!videoDrag)
    }

    const switchTheme = () => {
        setTheme(theme === "light" ? "dark" : "light")
    }

    const switchOSStyle = () => {
        setOS(os === "mac" ? "windows" : "mac")
    }