ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2025-12-31 20:49:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: clean code editor components and styles

Browse Source
This commit is contained in:
rusconn
2022-04-04 10:45:42 +09:00
parent d410830b7e
commit dfb6461eef
12 changed files with 75 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/common/MainItem.tsx
View File

@@ -1,17 +1,20 @@
import { Box, Typography } from "@mui/material";
import { memo, PropsWithChildren } from "react";
import { Box, Stack, Typography } from "@mui/material";
import { ComponentPropsWithoutRef, memo, PropsWithChildren } from "react";
type Props = PropsWithChildren<{
title: string;
}>;
type Props = PropsWithChildren<
{
title: string;
} & ComponentPropsWithoutRef<typeof Stack>
>;
const StyledComponent = ({ children, title }: Props) => (
<Box>
const StyledComponent = ({ children, title, ...stackProps }: Props) => (
// eslint-disable-next-line react/jsx-props-no-spreading
<Stack {...stackProps}>
<Typography variant="h6" component="h2">
{title}
</Typography>
{children}
</Box>
<Box flexGrow={1}>{children}</Box>
</Stack>
);
export const Component = memo(StyledComponent);