jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 07:21:17 -04:00
Code Issues Activity

all components should accept additional classnames

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-20 12:06:05 -05:00
parent 2162e9d563
commit 7e37adabc1
22 changed files with 150 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Figure/Figure.tsx
View File

@@ -1,5 +1,6 @@
import Image from "../Image/Image";
import innerText from "react-innertext";
import classNames from "classnames";
import type { ReactNode } from "react";
import type { ImageProps as NextImageProps } from "next/image";
@@ -8,11 +9,12 @@ import styles from "./Figure.module.css";
type Props = Omit<NextImageProps, "alt"> & {
children: ReactNode; // caption (can be in markdown, yay!!!)
alt?: string; // becomes optional -- pulled from plaintext-ified caption if missing
className?: string;
};
const Figure = ({ children, alt, ...imageProps }: Props) => {
const Figure = ({ children, alt, className, ...imageProps }: Props) => {
return (
<figure className={styles.figure}>
<figure className={classNames(styles.figure, className)}>
<Image alt={alt || innerText(children)} {...imageProps} />
<figcaption className={styles.caption}>{children}</figcaption>
</figure>