34 lines
941 B
TypeScript
34 lines
941 B
TypeScript
|
import { AccordionSummary, Typography } from "@material-ui/core";
|
||
|
|
import HorizontalSpacer from "@saleor/apps/components/HorizontalSpacer";
|
||
|
|
import IconChevronDown from "@saleor/icons/ChevronDown";
|
||
|
|
import React from "react";
|
||
|
|
|
||
|
|
import { useHeaderStyles } from "./styles";
|
||
|
|
|
||
|
|
interface AssignmentListHeaderProps {
|
||
|
|
assignCount: number;
|
||
|
|
totalCount: number;
|
||
|
|
itemsName: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const AssignmentListHeader: React.FC<AssignmentListHeaderProps> = ({
|
||
|
|
assignCount,
|
||
|
|
totalCount,
|
||
|
|
itemsName,
|
||
|
|
}) => {
|
||
|
|
const classes = useHeaderStyles();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className={classes.container}>
|
||
|
|
<AccordionSummary expandIcon={<IconChevronDown />} classes={classes}>
|
||
|
|
<Typography variant="subtitle2" color="textSecondary">
|
||
|
|
{`${assignCount} / ${totalCount} ${itemsName.toLowerCase()}`}
|
||
|
|
</Typography>
|
||
|
|
</AccordionSummary>
|
||
|
|
<HorizontalSpacer spacing={1.5} />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default AssignmentListHeader;
|