Remove unuxed component
This commit is contained in:
parent
1de5f7435d
commit
7ebf8fc254
4 changed files with 0 additions and 143 deletions
|
@ -1,116 +0,0 @@
|
|||
import Button from "@material-ui/core/Button";
|
||||
import Dialog from "@material-ui/core/Dialog";
|
||||
import DialogActions from "@material-ui/core/DialogActions";
|
||||
import DialogContent from "@material-ui/core/DialogContent";
|
||||
import DialogTitle from "@material-ui/core/DialogTitle";
|
||||
import {
|
||||
createStyles,
|
||||
Theme,
|
||||
withStyles,
|
||||
WithStyles
|
||||
} from "@material-ui/core/styles";
|
||||
import React from "react";
|
||||
import { FormattedMessage } from "react-intl";
|
||||
|
||||
import ConfirmButton, {
|
||||
ConfirmButtonTransitionState
|
||||
} from "@saleor/components/ConfirmButton";
|
||||
import { SingleAutocompleteSelectField } from "@saleor/components/SingleAutocompleteSelectField";
|
||||
import { buttonMessages } from "@saleor/intl";
|
||||
|
||||
const styles = (theme: Theme) =>
|
||||
createStyles({
|
||||
dialog: {
|
||||
overflowY: "visible"
|
||||
},
|
||||
root: {
|
||||
overflowY: "visible",
|
||||
width: theme.breakpoints.values.sm
|
||||
},
|
||||
select: {
|
||||
flex: 1,
|
||||
marginRight: theme.spacing.unit * 2
|
||||
},
|
||||
textRight: {
|
||||
textAlign: "right"
|
||||
}
|
||||
});
|
||||
|
||||
interface OrderCustomerEditDialogProps extends WithStyles<typeof styles> {
|
||||
confirmButtonState: ConfirmButtonTransitionState;
|
||||
open: boolean;
|
||||
user: string;
|
||||
userDisplayValue: string;
|
||||
users?: Array<{
|
||||
id: string;
|
||||
email: string;
|
||||
}>;
|
||||
loading?: boolean;
|
||||
fetchUsers(value: string);
|
||||
onChange(event: React.ChangeEvent<any>);
|
||||
onClose?();
|
||||
onConfirm?(event: React.FormEvent<any>);
|
||||
}
|
||||
|
||||
const OrderCustomerEditDialog = withStyles(styles, {
|
||||
name: "OrderCustomerEditDialog"
|
||||
})(
|
||||
({
|
||||
classes,
|
||||
confirmButtonState,
|
||||
open,
|
||||
loading,
|
||||
user,
|
||||
userDisplayValue,
|
||||
users,
|
||||
fetchUsers,
|
||||
onChange,
|
||||
onClose,
|
||||
onConfirm
|
||||
}: OrderCustomerEditDialogProps) => {
|
||||
const choices =
|
||||
!loading && users
|
||||
? users.map(v => ({
|
||||
label: v.email,
|
||||
value: v.id
|
||||
}))
|
||||
: [];
|
||||
return (
|
||||
<Dialog onClose={onClose} open={open} classes={{ paper: classes.dialog }}>
|
||||
<DialogTitle>
|
||||
<FormattedMessage
|
||||
defaultMessage="Edit Customer Details"
|
||||
description="dialog header"
|
||||
/>
|
||||
</DialogTitle>
|
||||
<DialogContent className={classes.root}>
|
||||
<SingleAutocompleteSelectField
|
||||
choices={choices}
|
||||
allowCustomValues
|
||||
loading={loading}
|
||||
displayValue={userDisplayValue}
|
||||
name="user"
|
||||
value={user}
|
||||
fetchChoices={fetchUsers}
|
||||
onChange={onChange}
|
||||
/>
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<Button onClick={onClose}>
|
||||
<FormattedMessage {...buttonMessages.cancel} />
|
||||
</Button>
|
||||
<ConfirmButton
|
||||
transitionState={confirmButtonState}
|
||||
color="primary"
|
||||
variant="contained"
|
||||
onClick={onConfirm}
|
||||
>
|
||||
<FormattedMessage {...buttonMessages.confirm} />
|
||||
</ConfirmButton>
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
);
|
||||
}
|
||||
);
|
||||
OrderCustomerEditDialog.displayName = "OrderCustomerEditDialog";
|
||||
export default OrderCustomerEditDialog;
|
|
@ -1,2 +0,0 @@
|
|||
export { default } from "./OrderCustomerEditDialog";
|
||||
export * from "./OrderCustomerEditDialog";
|
|
@ -124,7 +124,6 @@ function loadStories() {
|
|||
require("./stories/orders/OrderBulkCancelDialog");
|
||||
require("./stories/orders/OrderCancelDialog");
|
||||
require("./stories/orders/OrderCustomer");
|
||||
require("./stories/orders/OrderCustomerEditDialog");
|
||||
require("./stories/orders/OrderDetailsPage");
|
||||
require("./stories/orders/OrderDraftCancelDialog");
|
||||
require("./stories/orders/OrderDraftFinalizeDialog");
|
||||
|
|
|
@ -1,24 +0,0 @@
|
|||
import { storiesOf } from "@storybook/react";
|
||||
import React from "react";
|
||||
|
||||
import OrderCustomerEditDialog from "../../../orders/components/OrderCustomerEditDialog";
|
||||
import { clients as users } from "../../../orders/fixtures";
|
||||
import Decorator from "../../Decorator";
|
||||
|
||||
const user = users[0];
|
||||
|
||||
storiesOf("Orders / OrderCustomerEditDialog", module)
|
||||
.addDecorator(Decorator)
|
||||
.add("default", () => (
|
||||
<OrderCustomerEditDialog
|
||||
confirmButtonState="default"
|
||||
fetchUsers={undefined}
|
||||
onChange={undefined}
|
||||
onClose={undefined}
|
||||
onConfirm={undefined}
|
||||
open={true}
|
||||
user={user.id}
|
||||
userDisplayValue={user.email}
|
||||
users={users}
|
||||
/>
|
||||
));
|
Loading…
Reference in a new issue