<Link>: allow className and activeClass props (#386)

* <Link>: allow `className` and `activeClass` props Fixes #365 * Update index.js
preactjs · Oct 9, 2020 · f9297f1 · f9297f1
1 parent 662e83a
commit f9297f1
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/match/src/index.js b/match/src/index.js
@@ -24,12 +24,16 @@ export class Match extends Component {
 	}
 }
 
-export const Link = ({ activeClassName, path, ...props }) => (
-	<Match path={path || props.href}>
-		{ ({ matches }) => (
-			<StaticLink {...props} class={[props.class || props.className, matches && activeClassName].filter(Boolean).join(' ')} />
-		) }
-	</Match>
-);
+export function Link({ class: c, className, activeClass, activeClassName, path, ...props }) {
+	const inactive = [c, className].filter(Boolean).join(' ');
+	const active = [c, className, activeClass, activeClassName].filter(Boolean).join(' ');
+	return (
+		<Match path={path || props.href}>
+			{ ({ matches }) => (
+				<StaticLink {...props} class={matches ? active : inactive} />
+			) }
+		</Match>
+	);
+}
 
 export default Match;