Change shortcut th bg-color on hover. Decrease scroll throttle time

Author: jason-roundtree

web/components/ShortcutTable.js

@@ -2,13 +2,11 @@ import React, { useState } from 'react'
 import TableRows from './TableRows'
 import styled from 'styled-components'
 import sortAlpha from '../utils/sorting'
-// import sortDown  from '../src/icons/sort-down.svg'
-// import sortUp  from '../src/icons/sort-up.svg'
-// import refresh  from '../src/icons/refresh.svg'
 
 const ShortcutNameTh = styled.th`
     &:hover {
         cursor: pointer;
+        background-color: rgb(230, 255, 255);
     }
 `
 const SortTextSpan = styled.span`

web/src/pages/index.js

@@ -7,7 +7,6 @@ import Footer from '../../components/Footer'
 import ToC from '../../components/TableOfContents'
 import NavMenu from '../../components/NavMenu'
 import TopicSection from '../../components/TopicSection'
-// import { styles } from 'prism-react-renderer/themes/oceanicNext'
 
 const SecondaryNavBar = styled.nav`
   display: flex;
@@ -41,12 +40,11 @@ export default function Index({ data }) {
   const [activeSection, setActiveSection] = useState(null)
 
   useEffect(() => {
-    window.addEventListener('scroll', throttle(handleScroll, 500))
-    window.addEventListener('scroll', throttle(handleObserver, 500))
+    window.addEventListener('scroll', throttle(handleScroll, 300))
+    window.addEventListener('scroll', throttle(handleObserver, 300))
     return () => {
-      window.removeEventListener('scroll', throttle(handleScroll, 500))
-      // TODO: this should be here, right?
-      window.addEventListener('scroll', throttle(handleObserver, 500))
+      window.removeEventListener('scroll', throttle(handleScroll, 300))
+      window.addEventListener('scroll', throttle(handleObserver, 300))
     }
   }, [data])