Merge 085d766 into 69d222f

spotlight-client/src/NavigationLink/NavigationLink.tsx

@@ -0,0 +1,62 @@
+// Recidiviz - a data platform for criminal justice reform
+// Copyright (C) 2021 Recidiviz, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+// =============================================================================
+
+import { useNavigate } from "@reach/router";
+import React from "react";
+import styled from "styled-components/macro";
+
+const Anchor = styled.a`
+  &[aria-disabled="true"] {
+    cursor: not-allowed;
+  }
+`;
+
+type NavigationLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  to: string;
+  disabled?: boolean;
+};
+
+/**
+ * An alternative to the @reach/router `Link` component.
+ * Can be `disabled` to render link inoperative.
+ */
+const NavigationLink: React.FC<NavigationLinkProps> = ({
+  children,
+  disabled,
+  to,
+  ...props
+}) => {
+  const navigate = useNavigate();
+
+  return (
+    <Anchor
+      {...props}
+      href={disabled ? undefined : to}
+      onClick={(e) => {
+        e.preventDefault();
+        if (!disabled) {
+          navigate(to);
+        }
+      }}
+      aria-disabled={disabled}
+    >
+      {children}
+    </Anchor>
+  );
+};
+
+export default NavigationLink;

spotlight-client/src/NavigationLink/index.ts

@@ -0,0 +1,18 @@
+// Recidiviz - a data platform for criminal justice reform
+// Copyright (C) 2021 Recidiviz, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+// =============================================================================
+
+export { default } from "./NavigationLink";