Remove unuxed component
This commit is contained in:
dominik-zeglen
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/OrderBulkCancelDialog");
|
||||||
require("./stories/orders/OrderCancelDialog");
|
require("./stories/orders/OrderCancelDialog");
|
||||||
require("./stories/orders/OrderCustomer");
|
require("./stories/orders/OrderCustomer");
|
||||||
require("./stories/orders/OrderCustomerEditDialog");
|
|
||||||
require("./stories/orders/OrderDetailsPage");
|
require("./stories/orders/OrderDetailsPage");
|
||||||
require("./stories/orders/OrderDraftCancelDialog");
|
require("./stories/orders/OrderDraftCancelDialog");
|
||||||
require("./stories/orders/OrderDraftFinalizeDialog");
|
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