@shopgate/engage/orders/components/OrderHistory/OrderHistory.js

Shopgate's ENGAGE library.

import React from'react';import{hot}from'react-hot-loader/root';import{Table,TableRow}from"./OrderHistoryTable";import{List,Row}from"./OrderHistoryList";import{ResponsiveContainer,NoResults}from"../../../components";import OrderHistoryLoader from"./OrderHistoryLoader";import{useOrderHistory}from"../../hooks";import{root,noResult}from"./OrderHistory.style";/**
 * The OrderDetails components
 * @returns {JSX}
 */var OrderHistory=function OrderHistory(){var _useOrderHistory=useOrderHistory(),totalOrderCount=_useOrderHistory.totalOrderCount;if(totalOrderCount===0){return React.createElement("div",{className:noResult},React.createElement(NoResults,{headlineText:"orders.no_result.body",bodyText:""}));}return React.createElement("div",{className:root},React.createElement(ResponsiveContainer,{appAlways:true,breakpoint:"<=xs"},React.createElement(OrderHistoryLoader,{wrapper:List,iterator:Row})),React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement(OrderHistoryLoader,{wrapper:Table,iterator:TableRow})));};export default hot(OrderHistory);