From fbd96cd4c4e6fccd12bf07234426c103d7ec47a6 Mon Sep 17 00:00:00 2001 From: Brody Over <10548119+brody192@users.noreply.github.com> Date: Fri, 6 Dec 2024 13:20:14 -0500 Subject: [PATCH] add conductor application button for forum popup --- src/components/TallyButton.tsx | 19 +++++++++++++++++++ src/docs/community/the-conductor-program.md | 2 ++ src/pages/[...slug].tsx | 2 ++ src/pages/_document.tsx | 4 +++- 4 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 src/components/TallyButton.tsx diff --git a/src/components/TallyButton.tsx b/src/components/TallyButton.tsx new file mode 100644 index 000000000..36235206d --- /dev/null +++ b/src/components/TallyButton.tsx @@ -0,0 +1,19 @@ +import React from "react"; +import "twin.macro"; +import { ArrowRight } from "react-feather"; + +interface ButtonProps { + children: React.ReactNode; +} + +export const TallyButton: React.FC = ({ children, ...props }) => ( + +); diff --git a/src/docs/community/the-conductor-program.md b/src/docs/community/the-conductor-program.md index 348146bf4..09b39de75 100644 --- a/src/docs/community/the-conductor-program.md +++ b/src/docs/community/the-conductor-program.md @@ -40,6 +40,8 @@ Here's what we look for in potential Conductors - The ideal Conductor combines technical expertise with mentorship skills to help our community thrive! +Apply Now + ## Conductor Benefits Being a Conductor comes with several exciting perks and rewards to recognize your valuable contributions to the community. diff --git a/src/pages/[...slug].tsx b/src/pages/[...slug].tsx index 6983acaea..8226779f0 100644 --- a/src/pages/[...slug].tsx +++ b/src/pages/[...slug].tsx @@ -13,6 +13,7 @@ import { GetServerSidePropsContext } from "next"; import { getCookie } from "cookies-next"; import { Props as CodeBlockProps } from "@/components/CodeBlock"; import { Props as InlineCodeProps } from "@/components/InlineCode"; +import { TallyButton } from "@/components/TallyButton"; const components: Record = { Collapse, @@ -24,6 +25,7 @@ const components: Record = { h2: H2, h3: H3, h4: H4, + TallyButton, }; export default function PostPage({ diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx index aa3281e61..d65330fbd 100644 --- a/src/pages/_document.tsx +++ b/src/pages/_document.tsx @@ -36,7 +36,9 @@ class MyDocument extends Document { render() { return ( - + + +