Revert "feat(directory): added animated cursor"

This reverts commit b8a2247406.

directory/src/component/dropdown.jsx

@@ -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 ? (

directory/src/component/popup.jsx

@@ -26,7 +26,7 @@ export default function Popup(props) {
         </section>
       </section>
       <section className={`${classes.overlay} ${hidden ? '' : classes.active}`}
-        onClick={() => toggle()} data-type="clickable"/>
+        onClick={() => toggle()} />
     </section>
     <span
       className={classes['entry-text']}

directory/src/component/return_button.jsx

@@ -8,7 +8,6 @@ export default function ReturnButton(props) {
     <>
       <section className={`${classes['return-button']} ${props.className ? props.className : ''}`}
         onClick={() => props.onClick()}
-        data-type="clickable"
       >
         <section className={classes.wrapper}>
           <section className={classes["arrow-left"]}></section>

directory/src/component/scss/dropdown.module.scss

@@ -4,6 +4,7 @@
   user-select: none;
   z-index: 2;
   padding: 0.5em;
+  cursor: pointer;
 
   &.left {
     .popup, .menu {
@@ -38,6 +39,7 @@
       z-index: -1;
       top: 2.5em;
       right: 0;
+      cursor: auto;
       transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
       overflow: auto;
       padding: 0.5rem;
@@ -91,6 +93,7 @@
     border: 1px solid var(--border-color);
     visibility: hidden;
     color: var(--link-highlight-color);
+    cursor: auto;
 
     &.left {
       left: 0;
@@ -118,6 +121,7 @@
     }
 
     .item {
+      cursor: pointer;
       padding: 0.5rem;
       font-size: 1rem;
       display: flex;
@@ -158,6 +162,7 @@
     bottom: 0;
     width: 100vw;
     height: 100vh;
+    cursor: auto;
   }
 
   &.active,

directory/src/component/scss/popup.module.scss

@@ -1,3 +1,7 @@
+.entry-text {
+  cursor: pointer;
+}
+
 .popup {
   position: fixed;
   left: 0;

directory/src/component/scss/return_button.module.scss

@@ -9,6 +9,7 @@
   align-items: flex-start;
   padding: 0.6rem 0;
   width: 3rem;
+  cursor: pointer;
 
   .wrapper {
     display: flex;

directory/src/component/scss/search_box.module.scss

@@ -49,6 +49,7 @@
     right: 1rem;
     width: 2rem;
     height: 2rem;
+    cursor: pointer;
     opacity: 0;
     transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
     visibility: hidden;

directory/src/component/scss/switch.module.scss

@@ -3,6 +3,7 @@
   user-select: none;
   z-index: 2;
   padding: 8px 36px 8px 8px;
+  cursor: pointer;
   display: flex;
   flex-direction: row;
   align-items: center;

directory/src/component/scss/totop_button.module.scss

@@ -2,6 +2,7 @@
   position: fixed;
   user-select: none;
   z-index: 2;
+  cursor: pointer;
   height: 2rem;
   right: 2rem;
   bottom: 1rem;

directory/src/component/switch.jsx

@@ -21,7 +21,6 @@ export default function Switch(props) {
           props.handleOnClick(!on)
         }
       }}
-      data-type="clickable"
     >
       <span className={classes.text}>{i18n(props.text)}</span>
       <section className={classes.wrapper}>

directory/src/component/totop_button.jsx

@@ -52,7 +52,6 @@ export default function ToTopButton(props) {
     <>
       <section className={`${classes['totop-button']} ${clicked ? classes.clicked : ''} ${hidden ? '' : classes.show} ${props.className ? props.className : ''}`}
         onClick={() => { smoothScroll("#root") }}
-        data-type="clickable"
       >
         <section className={classes.bar}></section>
         <section className={classes.bar}></section>