Add loading indicator

mustofa-id · Jan 12, 2020 · 388585a · 388585a
1 parent 6fd0cf1
commit 388585a
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -7,6 +7,11 @@ import IconButton from '../components/widget/icon-button'
 
 const IndexPage = ({ data }) => {
   const { title, description, menuHome, social } = data.site.siteMetadata
+
+  function isLoading (e) {
+    e.target.classList.add('is-loading')
+  }
+
   return (
     <>
       {/* Add seo props as you wish */}
@@ -51,6 +56,7 @@ const IndexPage = ({ data }) => {
                     {/* If wanna use button with icon you can use IconButton instead of Link */}
                     {menuHome.map((item, index) => (
                       <Link
+                        onClick={isLoading}
                         className='button is-light'
                         key={`${index}--${item.name}`}
                         to={item.href}>