f1ffb5093f
* Add assign warehouse section in channel page * Update data-test-ids on channel page * Update channel page form details * Update shipping zones and warehouses cards in chaannel page * Assigning warehouses by channel in product and variant pages (#2135) * Assigning warehouses by channel in product and variant pages * Disable warehouse assignment when no channel on variant page * Update products stocks section messages
33 lines
941 B
TypeScript
33 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;
|