ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2026-01-26 12:34:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: export and use components props

Browse Source
This commit is contained in:
rusconn
2022-04-06 20:28:17 +09:00
parent dfb6461eef
commit a06ea5bad9
29 changed files with 119 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/layout/DrawerCollapseItem.tsx
View File

@@ -1,22 +1,22 @@
import { ExpandLess, ExpandMore } from "@mui/icons-material";
import { Collapse, List, ListItemButton, ListItemText } from "@mui/material";
import equal from "fast-deep-equal";
import { ComponentPropsWithoutRef, memo, MouseEventHandler, useCallback, useState } from "react";
import { memo, MouseEventHandler, useCallback, useState } from "react";
import DrawerItem from "./DrawerItem";
import DrawerItemIcon from "./DrawerItemIcon";
import DrawerItem, { Props as DrawerItemProps } from "./DrawerItem";
import DrawerItemIcon, { Props as DrawerItemIconProps } from "./DrawerItemIcon";
type ContainerProps = {
export type Props = {
title: string;
tools: ComponentPropsWithoutRef<typeof DrawerItem>[];
} & ComponentPropsWithoutRef<typeof DrawerItemIcon>;
tools: DrawerItemProps[];
} & DrawerItemIconProps;
type Props = {
type ComponentProps = {
open: boolean;
onClick: MouseEventHandler<HTMLDivElement>;
} & ContainerProps;
} & Props;
const StyledComponent = ({ icon, title, tools, open, onClick }: Props) => (
const StyledComponent = ({ icon, title, tools, open, onClick }: ComponentProps) => (
<>
<ListItemButton {...{ onClick }}>
<DrawerItemIcon {...{ icon }} />
@@ -42,7 +42,7 @@ const StyledComponent = ({ icon, title, tools, open, onClick }: Props) => (
export const Component = memo(StyledComponent, equal);
const Container = ({ icon, title, tools }: ContainerProps) => {
const Container = ({ icon, title, tools }: Props) => {
const [open, setOpen] = useState(false);
const onClick = useCallback(() => {