Fix formatting

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<OrderDetailsPageProps> = (props) => {
+const OrderDetailsPage: React.FC<OrderDetailsPageProps> = props => {
   const {
     order,
     userPermissions,
@@ -88,7 +88,7 @@ const OrderDetailsPage: React.FC<OrderDetailsPageProps> = (props) => {
     onProfileView,
     onInvoiceClick,
     onInvoiceGenerate,
-    onInvoiceSend,
+    onInvoiceSend
   } = props;
   const classes = useStyles(props);
 
@@ -98,7 +98,7 @@ const OrderDetailsPage: React.FC<OrderDetailsPageProps> = (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<OrderDetailsPageProps> = (props) => {
               {
                 label: intl.formatMessage({
                   defaultMessage: "Cancel order",
-                  description: "button",
+                  description: "button"
                 }),
-                onSelect: onOrderCancel,
-              },
+                onSelect: onOrderCancel
+              }
             ]}
           />
         )}

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<OrderInvoiceListProps> = (props) => {
+const OrderInvoiceList: React.FC<OrderInvoiceListProps> = props => {
   const { invoices, onInvoiceGenerate, onInvoiceClick, onInvoiceSend } = props;
 
   const classes = useStyles(props);
@@ -50,7 +50,7 @@ const OrderInvoiceList: React.FC<OrderInvoiceListProps> = (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<OrderInvoiceListProps> = (props) => {
       <CardTitle
         title={intl.formatMessage({
           defaultMessage: "Invoices",
-          description: "section header",
+          description: "section header"
         })}
         toolbar={
           onInvoiceGenerate && (
@@ -101,7 +101,7 @@ const OrderInvoiceList: React.FC<OrderInvoiceListProps> = (props) => {
               </TableRow>
             </TableHead>
             <TableBody>
-              {generatedInvoices.map((invoice) => (
+              {generatedInvoices.map(invoice => (
                 <TableRow key={invoice.id}>
                   <TableCell
                     className={