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

update component prop types to use JSX.IntrinsicElements

Browse Source
This commit is contained in:
Jake Jarvis
2022-02-09 09:37:20 -05:00
parent f205a14bdc
commit 885f97fa64
40 changed files with 280 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/List/List.tsx
View File

@@ -1,16 +1,15 @@
import classNames from "classnames";
import type { HTMLAttributes } from "react";
import styles from "./List.module.css";
export const UnorderedList = ({ className, ...rest }: HTMLAttributes<HTMLUListElement>) => (
export const UnorderedList = ({ className, ...rest }: JSX.IntrinsicElements["ul"]) => (
<ul className={classNames(styles.unordered, className)} {...rest} />
);
export const OrderedList = ({ className, ...rest }: HTMLAttributes<HTMLOListElement>) => (
export const OrderedList = ({ className, ...rest }: JSX.IntrinsicElements["ol"]) => (
<ol className={classNames(styles.ordered, className)} {...rest} />
);
// TODO: this is based on good faith that the children are all `<li>`s...
export const ListItem = ({ className, ...rest }: HTMLAttributes<HTMLLIElement>) => (
export const ListItem = ({ className, ...rest }: JSX.IntrinsicElements["li"]) => (
<li className={classNames(styles.item, className)} {...rest} />
);