
* run `yarn lint --fix`
* Revert "Revert "add linting to ci""
This reverts commit 0bbbbee4be
.
* Fixed some errors
* remove unused code - not sure why this was here?
* assert env var
* more type fixes
* fix typings og gcal callback - needs testing
* rename `md5.ts` to `md5.js`
it is js.
* fix types
* fix types
* fix lint errors
* fix last lint error
Co-authored-by: Alex van Andel <me@alexvanandel.com>
22 lines
644 B
TypeScript
22 lines
644 B
TypeScript
import { useRouter } from "next/router";
|
|
import Link from "next/link";
|
|
import React, { Children } from "react";
|
|
|
|
const ActiveLink = ({ children, activeClassName, ...props }) => {
|
|
const { asPath } = useRouter();
|
|
const child = Children.only(children);
|
|
const childClassName = child.props.className || "";
|
|
|
|
const className =
|
|
asPath === props.href || asPath === props.as
|
|
? `${childClassName} ${activeClassName}`.trim()
|
|
: childClassName;
|
|
|
|
return <Link {...props}>{React.cloneElement(child, { className })}</Link>;
|
|
};
|
|
|
|
ActiveLink.defaultProps = {
|
|
activeClassName: "active",
|
|
} as Partial<Props>;
|
|
|
|
export default ActiveLink;
|