rename state

packages/app/src/components/WatchButton.jsx

@@ -6,7 +6,7 @@ import { withTranslation } from 'react-i18next';
 
 const WatchButton = (props) => {
 
-  const [watching, setWatching] = useState(true);
+  const [isWatching, setIsWatching] = useState(true);
 
   const handleClick = () => {
     console.log('watch button clicked!');
@@ -20,11 +20,11 @@ const WatchButton = (props) => {
         onClick={handleClick}
         className={`btn btn-bookmark border-0 ${`btn-${props.size}`}`}
       >
-        {watching && (
+        {isWatching && (
           <i className="fa fa-eye"></i>
         )}
 
-        {!watching && (
+        {!isWatching && (
           <i className="fa fa-eye-slash"></i>
         )}
       </button>