fix: pass all available gatsby link props through

TylerBarnes · Apr 3, 2019 · 0b7a1f0 · 0b7a1f0
1 parent e1051ac
commit 0b7a1f0
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/src/components/TransitionLink.js b/src/components/TransitionLink.js
@@ -11,26 +11,34 @@ const TransitionLink = ({
   exit,
   entry,
   activeStyle,
+  partiallyActive,
   style,
   className,
+  activeClassName,
+  state,
   onClick,
   trigger,
+  replace,
   ...rest
 }) => {
   return (
     <Consumer>
       {({ ...context }) => (
         <Link
-          activeStyle={activeStyle}
           style={style}
+          activeStyle={activeStyle}
           className={className}
+          activeClassName={activeClassName}
+          partiallyActive={partiallyActive}
           onClick={event => {
             triggerTransition({
               event,
               to,
               exit,
               entry,
               trigger,
+              replace,
+              linkState: state,
               ...context
             });
 

diff --git a/src/utils/triggerTransition.js b/src/utils/triggerTransition.js
@@ -13,7 +13,9 @@ const triggerTransition = ({
   transitionIdHistory,
   pages,
   trigger,
-  updateContext
+  updateContext,
+  linkState,
+  replace
 }) => {
   event.persist();
   event.preventDefault();
@@ -63,10 +65,18 @@ const triggerTransition = ({
     e: event
   });
 
+  // after exitDelay
   setTimeout(() => {
-    // after exitDelay
     const transitionId = random(10000, 99999, false);
-    navigate(to, { state: { transitionId: transitionId } });
+
+    navigate(to, {
+      state: {
+        transitionId,
+        ...linkState
+      },
+      replace
+    });
+
     updateContext({
       exitState: exitState,
       transitionIdHistory: [...transitionIdHistory, transitionId]