From 785384286be63dcd995ca5e0c746888cdd5bf643 Mon Sep 17 00:00:00 2001 From: MapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com> Date: Wed, 12 Jan 2022 13:15:09 -0600 Subject: [PATCH] add analytics + notice --- .../website/app/modules/app/app-footer.tsx | 27 +++++++++++++++++++ .../website/app/modules/dom/external-link.tsx | 12 +++++++++ .../app/modules/navigation/app-link.tsx | 5 ++-- packages/website/app/root.tsx | 8 ++++++ packages/website/app/routes/index.tsx | 4 ++- 5 files changed, 53 insertions(+), 3 deletions(-) create mode 100644 packages/website/app/modules/app/app-footer.tsx create mode 100644 packages/website/app/modules/dom/external-link.tsx diff --git a/packages/website/app/modules/app/app-footer.tsx b/packages/website/app/modules/app/app-footer.tsx new file mode 100644 index 0000000..747acde --- /dev/null +++ b/packages/website/app/modules/app/app-footer.tsx @@ -0,0 +1,27 @@ +import { HeartIcon } from "@heroicons/react/solid" +import clsx from "clsx" +import { ExternalLink } from "~/modules/dom/external-link" +import { linkClass, maxWidthContainer } from "~/modules/ui/components" + +export function AppFooter() { + return ( + + ) +} diff --git a/packages/website/app/modules/dom/external-link.tsx b/packages/website/app/modules/dom/external-link.tsx new file mode 100644 index 0000000..a589fac --- /dev/null +++ b/packages/website/app/modules/dom/external-link.tsx @@ -0,0 +1,12 @@ +import type { ComponentPropsWithoutRef } from "react" + +export function ExternalLink({ + children, + ...props +}: ComponentPropsWithoutRef<"a">) { + return ( + + {children} + + ) +} diff --git a/packages/website/app/modules/navigation/app-link.tsx b/packages/website/app/modules/navigation/app-link.tsx index 74a4258..78cad04 100644 --- a/packages/website/app/modules/navigation/app-link.tsx +++ b/packages/website/app/modules/navigation/app-link.tsx @@ -1,5 +1,6 @@ import type { ComponentPropsWithoutRef } from "react" import { Link } from "remix" +import { ExternalLink } from "~/modules/dom/external-link" export type AppLinkProps = ComponentPropsWithoutRef<"a"> & { type: "internal" | "external" | "router" @@ -17,9 +18,9 @@ export function AppLink({ type, to, children, ...props }: AppLinkProps) { if (type === "external") { return ( - + {children} - + ) } diff --git a/packages/website/app/root.tsx b/packages/website/app/root.tsx index 1ac4c83..b769940 100644 --- a/packages/website/app/root.tsx +++ b/packages/website/app/root.tsx @@ -56,6 +56,14 @@ export default function App() {