diff --git a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx index 034b2e035..3590b53d2 100644 --- a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx +++ b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx @@ -26,17 +26,17 @@ import OrderPayment from "../OrderPayment/OrderPayment"; import OrderUnfulfilledItems from "../OrderUnfulfilledItems/OrderUnfulfilledItems"; const useStyles = makeStyles( - (theme) => ({ + theme => ({ date: { - marginBottom: theme.spacing(3), + marginBottom: theme.spacing(3) }, header: { display: "flex", - marginBottom: 0, - }, + marginBottom: 0 + } }), { - name: "OrderDetailsPage", + name: "OrderDetailsPage" } ); @@ -69,7 +69,7 @@ export interface OrderDetailsPageProps extends UserPermissionProps { onInvoiceSend(invoice: InvoiceFragment); } -const OrderDetailsPage: React.FC = (props) => { +const OrderDetailsPage: React.FC = props => { const { order, userPermissions, @@ -88,7 +88,7 @@ const OrderDetailsPage: React.FC = (props) => { onProfileView, onInvoiceClick, onInvoiceGenerate, - onInvoiceSend, + onInvoiceSend } = props; const classes = useStyles(props); @@ -98,7 +98,7 @@ const OrderDetailsPage: React.FC = (props) => { const canEditAddresses = maybe(() => order.status) !== OrderStatus.CANCELED; const canFulfill = maybe(() => order.status) !== OrderStatus.CANCELED; const unfulfilled = maybe(() => order.lines, []).filter( - (line) => line.quantityFulfilled < line.quantity + line => line.quantityFulfilled < line.quantity ); return ( @@ -117,10 +117,10 @@ const OrderDetailsPage: React.FC = (props) => { { label: intl.formatMessage({ defaultMessage: "Cancel order", - description: "button", + description: "button" }), - onSelect: onOrderCancel, - }, + onSelect: onOrderCancel + } ]} /> )} diff --git a/src/orders/components/OrderInvoiceList/OrderInvoiceList.tsx b/src/orders/components/OrderInvoiceList/OrderInvoiceList.tsx index 003ee2232..40e7232a7 100644 --- a/src/orders/components/OrderInvoiceList/OrderInvoiceList.tsx +++ b/src/orders/components/OrderInvoiceList/OrderInvoiceList.tsx @@ -21,16 +21,16 @@ const useStyles = makeStyles( () => ({ cardContentTable: { "&:last-child": { - padding: 0, + padding: 0 }, - padding: 0, + padding: 0 }, colAction: { paddingRight: "0.5rem", width: "auto" }, colNumber: { width: "100%" }, colNumberClickable: { cursor: "pointer", - width: "100%", - }, + width: "100%" + } }), { name: "OrderInvoiceList" } ); @@ -42,7 +42,7 @@ interface OrderInvoiceListProps { onInvoiceSend: (invoice: InvoiceFragment) => void; } -const OrderInvoiceList: React.FC = (props) => { +const OrderInvoiceList: React.FC = props => { const { invoices, onInvoiceGenerate, onInvoiceClick, onInvoiceSend } = props; const classes = useStyles(props); @@ -50,7 +50,7 @@ const OrderInvoiceList: React.FC = (props) => { const intl = useIntl(); const generatedInvoices = invoices?.filter( - (invoice) => invoice.status === "SUCCESS" + invoice => invoice.status === "SUCCESS" ); return ( @@ -58,7 +58,7 @@ const OrderInvoiceList: React.FC = (props) => { = (props) => { - {generatedInvoices.map((invoice) => ( + {generatedInvoices.map(invoice => ( ({ __typename: "Order", @@ -755,7 +755,7 @@ export const order = (placeholder: string): OrderDetails_order => ({ OrderAction.CAPTURE, OrderAction.MARK_AS_PAID, OrderAction.REFUND, - OrderAction.VOID, + OrderAction.VOID ], availableShippingMethods: [ { @@ -765,8 +765,8 @@ export const order = (placeholder: string): OrderDetails_order => ({ price: { __typename: "Money", amount: 12.41, - currency: "USD", - }, + currency: "USD" + } }, { __typename: "ShippingMethod", @@ -775,8 +775,8 @@ export const order = (placeholder: string): OrderDetails_order => ({ price: { __typename: "Money", amount: 9.12, - currency: "USD", - }, + currency: "USD" + } }, { __typename: "ShippingMethod", @@ -785,9 +785,9 @@ export const order = (placeholder: string): OrderDetails_order => ({ price: { __typename: "Money", amount: 7.6, - currency: "USD", - }, - }, + currency: "USD" + } + } ], billingAddress: { __typename: "Address", @@ -797,7 +797,7 @@ export const order = (placeholder: string): OrderDetails_order => ({ country: { __typename: "CountryDisplay", code: "SB", - country: "Wyspy Salomona", + country: "Wyspy Salomona" }, countryArea: "", firstName: "Melissa", @@ -806,7 +806,7 @@ export const order = (placeholder: string): OrderDetails_order => ({ phone: "", postalCode: "66272", streetAddress1: "487 Roberto Shores", - streetAddress2: "", + streetAddress2: "" }, canFinalize: true, created: "2018-09-11T09:37:28.185874+00:00", @@ -826,9 +826,9 @@ export const order = (placeholder: string): OrderDetails_order => ({ user: { __typename: "User", email: "admin@example.com", - id: "QWRkcmVzczoxNQ==", - }, - }, + id: "QWRkcmVzczoxNQ==" + } + } ], fulfillments: [ { @@ -849,28 +849,28 @@ export const order = (placeholder: string): OrderDetails_order => ({ quantityFulfilled: 2, thumbnail: { __typename: "Image" as "Image", - url: placeholder, + url: placeholder }, unitPrice: { __typename: "TaxedMoney", gross: { __typename: "Money", amount: 79.71, - currency: "USD", + currency: "USD" }, net: { __typename: "Money", amount: 79.71, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - quantity: 1, - }, + quantity: 1 + } ], status: FulfillmentStatus.FULFILLED, trackingNumber: "", - warehouse: warehouseList[1], + warehouse: warehouseList[1] }, { __typename: "Fulfillment", @@ -890,29 +890,29 @@ export const order = (placeholder: string): OrderDetails_order => ({ quantityFulfilled: 2, thumbnail: { __typename: "Image" as "Image", - url: placeholder, + url: placeholder }, unitPrice: { __typename: "TaxedMoney", gross: { __typename: "Money", amount: 79.71, - currency: "USD", + currency: "USD" }, net: { __typename: "Money", amount: 79.71, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - quantity: 1, - }, + quantity: 1 + } ], status: FulfillmentStatus.FULFILLED, trackingNumber: "01nn12399su12nndfsy", - warehouse: warehouseList[0], - }, + warehouse: warehouseList[0] + } ], id: "T3JkZXI6OQ==", invoices: [ @@ -922,8 +922,8 @@ export const order = (placeholder: string): OrderDetails_order => ({ id: "SW52b2ljZTox", number: "1", status: JobStatusEnum.SUCCESS, - url: "invoice1", - }, + url: "invoice1" + } ], lines: [ { @@ -936,21 +936,21 @@ export const order = (placeholder: string): OrderDetails_order => ({ quantityFulfilled: 0, thumbnail: { __typename: "Image" as "Image", - url: placeholder, + url: placeholder }, unitPrice: { __typename: "TaxedMoney", gross: { __typename: "Money", amount: 18.51, - currency: "USD", + currency: "USD" }, net: { __typename: "Money", amount: 18.51, - currency: "USD", - }, - }, + currency: "USD" + } + } }, { __typename: "OrderLine", @@ -962,22 +962,22 @@ export const order = (placeholder: string): OrderDetails_order => ({ quantityFulfilled: 2, thumbnail: { __typename: "Image" as "Image", - url: placeholder, + url: placeholder }, unitPrice: { __typename: "TaxedMoney", gross: { __typename: "Money", amount: 79.71, - currency: "USD", + currency: "USD" }, net: { __typename: "Money", amount: 79.71, - currency: "USD", - }, - }, - }, + currency: "USD" + } + } + } ], number: "9", paymentStatus: PaymentChargeStatusEnum.NOT_CHARGED, @@ -989,7 +989,7 @@ export const order = (placeholder: string): OrderDetails_order => ({ country: { __typename: "CountryDisplay", code: "SB", - country: "Wyspy Salomona", + country: "Wyspy Salomona" }, countryArea: "", firstName: "Melissa", @@ -998,7 +998,7 @@ export const order = (placeholder: string): OrderDetails_order => ({ phone: "", postalCode: "66272", streetAddress1: "487 Roberto Shores", - streetAddress2: "", + streetAddress2: "" }, shippingMethod: null, shippingMethodName: "Registred priority", @@ -1007,8 +1007,8 @@ export const order = (placeholder: string): OrderDetails_order => ({ gross: { __typename: "Money", amount: 19.98, - currency: "USD", - }, + currency: "USD" + } }, status: OrderStatus.PARTIALLY_FULFILLED, subtotal: { @@ -1016,34 +1016,34 @@ export const order = (placeholder: string): OrderDetails_order => ({ gross: { __typename: "Money", amount: 214.95, - currency: "USD", - }, + currency: "USD" + } }, total: { __typename: "TaxedMoney", gross: { __typename: "Money", amount: 234.93, - currency: "USD", + currency: "USD" }, tax: { __typename: "Money", amount: 0, - currency: "USD", - }, + currency: "USD" + } }, totalAuthorized: { __typename: "Money", amount: 234.93, - currency: "USD", + currency: "USD" }, totalCaptured: { __typename: "Money", amount: 0, - currency: "USD", + currency: "USD" }, user: null, - userEmail: "melissa.simon@example.com", + userEmail: "melissa.simon@example.com" }); export const draftOrder = (placeholder: string): OrderDetails_order => ({ __typename: "Order" as "Order", @@ -1064,8 +1064,8 @@ export const draftOrder = (placeholder: string): OrderDetails_order => ({ id: "SW52b2ljZTox", number: "1", status: JobStatusEnum.SUCCESS, - url: "invoice1", - }, + url: "invoice1" + } ], lines: [ { @@ -1078,21 +1078,21 @@ export const draftOrder = (placeholder: string): OrderDetails_order => ({ quantityFulfilled: 0, thumbnail: { __typename: "Image" as "Image", - url: placeholder, + url: placeholder }, unitPrice: { __typename: "TaxedMoney" as "TaxedMoney", gross: { __typename: "Money" as "Money", amount: 65.95, - currency: "USD", + currency: "USD" }, net: { __typename: "Money" as "Money", amount: 65.95, - currency: "USD", - }, - }, + currency: "USD" + } + } }, { __typename: "OrderLine" as "OrderLine", @@ -1104,22 +1104,22 @@ export const draftOrder = (placeholder: string): OrderDetails_order => ({ quantityFulfilled: 0, thumbnail: { __typename: "Image" as "Image", - url: placeholder, + url: placeholder }, unitPrice: { __typename: "TaxedMoney" as "TaxedMoney", gross: { __typename: "Money" as "Money", amount: 68.2, - currency: "USD", + currency: "USD" }, net: { __typename: "Money" as "Money", amount: 68.2, - currency: "USD", - }, - }, - }, + currency: "USD" + } + } + } ], number: "24", paymentStatus: null, @@ -1131,8 +1131,8 @@ export const draftOrder = (placeholder: string): OrderDetails_order => ({ gross: { __typename: "Money" as "Money", amount: 0, - currency: "USD", - }, + currency: "USD" + } }, status: "DRAFT" as OrderStatus.DRAFT, subtotal: { @@ -1140,35 +1140,35 @@ export const draftOrder = (placeholder: string): OrderDetails_order => ({ gross: { __typename: "Money" as "Money", amount: 168.3, - currency: "USD", - }, + currency: "USD" + } }, total: { __typename: "TaxedMoney" as "TaxedMoney", gross: { __typename: "Money" as "Money", amount: 168.3, - currency: "USD", + currency: "USD" }, tax: { __typename: "Money" as "Money", amount: 68.3, - currency: "USD", - }, + currency: "USD" + } }, totalAuthorized: null, totalCaptured: null, user: null, - userEmail: null, + userEmail: null }); -export const flatOrders = orders.map((order) => ({ +export const flatOrders = orders.map(order => ({ ...order, orderStatus: transformOrderStatus(order.status, { - formatMessage: (message: MessageDescriptor) => message.defaultMessage, + formatMessage: (message: MessageDescriptor) => message.defaultMessage } as any), paymentStatus: transformPaymentStatus(order.paymentStatus, { - formatMessage: (message: MessageDescriptor) => message.defaultMessage, - } as any), + formatMessage: (message: MessageDescriptor) => message.defaultMessage + } as any) })); export const variants = [ { id: "p1", name: "Product 1: variant 1", sku: "12345", stockQuantity: 3 }, @@ -1177,7 +1177,7 @@ export const variants = [ { id: "p4", name: "Product 3: variant 1", sku: "12445", stockQuantity: 12 }, { id: "p5", name: "Product 3: variant 2", sku: "12545", stockQuantity: 7 }, { id: "p6", name: "Product 5: variant 1", sku: "13345", stockQuantity: 3 }, - { id: "p7", name: "Product 5: variant 2", sku: "14345", stockQuantity: 11 }, + { id: "p7", name: "Product 5: variant 2", sku: "14345", stockQuantity: 11 } ]; export const prefixes = ["01", "02", "41", "49"]; export const countries = [ @@ -1185,11 +1185,11 @@ export const countries = [ { code: "AX", label: "Åland Islands" }, { code: "AL", label: "Albania" }, { code: "DZ", label: "Algeria" }, - { code: "AS", label: "American Samoa" }, + { code: "AS", label: "American Samoa" } ]; export const shippingMethods = [ { country: "whole world", id: "s1", name: "DHL", price: {} }, - { country: "Afghanistan", id: "s2", name: "UPS" }, + { country: "Afghanistan", id: "s2", name: "UPS" } ]; export const orderLineSearch = ( placeholderImage: string @@ -1200,7 +1200,7 @@ export const orderLineSearch = ( name: "Apple Juice", thumbnail: { __typename: "Image" as "Image", - url: placeholderImage, + url: placeholderImage }, variants: [ { @@ -1214,11 +1214,11 @@ export const orderLineSearch = ( net: { __typename: "Money" as "Money", amount: 3.0, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - sku: "93855755", + sku: "93855755" }, { __typename: "ProductVariant" as "ProductVariant", @@ -1231,11 +1231,11 @@ export const orderLineSearch = ( net: { __typename: "Money" as "Money", amount: 5.0, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - sku: "43226647", + sku: "43226647" }, { __typename: "ProductVariant" as "ProductVariant", @@ -1248,13 +1248,13 @@ export const orderLineSearch = ( net: { __typename: "Money" as "Money", amount: 7.0, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - sku: "80884671", - }, - ], + sku: "80884671" + } + ] }, { __typename: "Product" as "Product", @@ -1262,7 +1262,7 @@ export const orderLineSearch = ( name: "Pineapple Juice", thumbnail: { __typename: "Image" as "Image", - url: placeholderImage, + url: placeholderImage }, variants: [ { @@ -1276,11 +1276,11 @@ export const orderLineSearch = ( net: { __typename: "Money" as "Money", amount: 3.0, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - sku: "43200242", + sku: "43200242" }, { __typename: "ProductVariant" as "ProductVariant", @@ -1293,11 +1293,11 @@ export const orderLineSearch = ( net: { __typename: "Money" as "Money", amount: 5.0, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - sku: "79129513", + sku: "79129513" }, { __typename: "ProductVariant" as "ProductVariant", @@ -1310,12 +1310,12 @@ export const orderLineSearch = ( net: { __typename: "Money" as "Money", amount: 7.0, - currency: "USD", - }, - }, + currency: "USD" + } + } }, - sku: "75799450", - }, - ], - }, + sku: "75799450" + } + ] + } ];