Revert "feat(directory): added animated cursor"

This reverts commit b8a2247406.
This commit is contained in:
Haoyu Xu
2023-10-23 18:14:50 -04:00
parent 40b5d85a54
commit 330a2787f8
22 changed files with 28 additions and 96 deletions

View File

@@ -1,6 +1,5 @@
import React, {
useState,
useCallback
} from 'react'
import PropTypes from 'prop-types';
import classes from './scss/dropdown.module.scss'
@@ -12,17 +11,9 @@ export default function Dropdown(props) {
setHidden(!hidden)
}
const onMouseEnter = useCallback((item) => {
document.documentElement.style.setProperty('--cursor-color', item.color ? item.color : 'var(--text-color)');
}, [])
const onMouseLeave = useCallback(() => {
document.documentElement.style.setProperty('--cursor-color', 'var(--text-color)');
}, [])
return (
<>
<section className={`${classes.dropdown} ${hidden ? '' : classes.active} ${props.className ? props.className : ''} ${props.left ? classes.left : ''}`} data-type="clickable">
<section className={`${classes.dropdown} ${hidden ? '' : classes.active} ${props.className ? props.className : ''} ${props.left ? classes.left : ''}`}>
<section
className={classes.text}
onClick={() => toggleDropdown()}
@@ -65,9 +56,6 @@ export default function Dropdown(props) {
toggleDropdown()
}}
style={item.color ? { color: item.color } : {}}
data-type="clickable"
onMouseEnter={() => onMouseEnter(item)}
onMouseLeave={() => onMouseLeave()}
>
{
item.icon ? (