jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-06-30 22:46:39 -04:00
Code Issues Activity

add markdown icon to contact form tip

Browse Source
This commit is contained in:
Jake Jarvis
2022-03-21 12:04:07 -04:00
parent 3a58931e79
commit 17776213e9
4 changed files with 70 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/ContactForm/ContactForm.tsx
View File

@ -3,7 +3,7 @@ import { Formik, Form, Field } from "formik";
import TextareaAutosize from "react-textarea-autosize";
import Link from "../Link";
import Captcha from "../Captcha";
import { CheckOcticon, XOcticon } from "../Icons";
import { CheckOcticon, XOcticon, MarkdownIcon } from "../Icons";
import { styled, css } from "../../lib/styles/stitches.config";
import type { FormikHelpers } from "formik";
@ -48,6 +48,14 @@ const MarkdownTip = styled("div", {
lineHeight: 1.75,
});
const MarkdownTipIcon = styled(MarkdownIcon, {
fill: "currentColor",
width: "1.25em",
height: "1.25em",
verticalAlign: "-0.25em",
marginRight: "0.25em",
});
const HCaptcha = styled(Captcha, {
margin: "1em 0",
});
@ -247,7 +255,7 @@ const ContactForm = ({ className }: ContactFormProps) => {
</Field>
<MarkdownTip>
Basic{" "}
<MarkdownTipIcon /> Basic{" "}
<Link href="https://commonmark.org/help/" title="Markdown reference sheet" css={{ fontWeight: 600 }}>
Markdown syntax
</Link>{" "}

1
components/Icons/index.ts
View File

@ -17,6 +17,7 @@ export { default as CheckOcticon } from "../../node_modules/@primer/octicons/bui
export { default as ClipboardOcticon } from "../../node_modules/@primer/octicons/build/svg/paste-16.svg";
export { default as ForkOcticon } from "../../node_modules/@primer/octicons/build/svg/repo-forked-16.svg";
export { default as HeartIcon } from "../../node_modules/@primer/octicons/build/svg/heart-fill-16.svg";
export { default as MarkdownIcon } from "../../node_modules/@primer/octicons/build/svg/markdown-16.svg";
export { default as OctocatOcticon } from "../../node_modules/@primer/octicons/build/svg/mark-github-16.svg";
export { default as StarOcticon } from "../../node_modules/@primer/octicons/build/svg/star-16.svg";
export { default as XOcticon } from "../../node_modules/@primer/octicons/build/svg/x-16.svg";