fix(Systems page): Correctly parse all URL params (RedHatInsights#1172)

Author: leSamo

src/Components/SmartComponents/SystemsPage/SystemsPage.js

@@ -61,7 +61,7 @@ const SystemsPage = () => {
 
     const apply = (params) => dispatch(changeSystemsParams(params));
 
-    useEffect(() =>  apply(urlParameters), []);
+    useEffect(() => apply(urlParameters), []);
 
     useDeepCompareEffect(() => setUrlParams({ ...parameters }), [parameters]);
 
@@ -81,15 +81,25 @@ const SystemsPage = () => {
             <Header title={intl.formatMessage(messages.systemsHeader)} showBreadcrumb={false} />
             <Main>
                 <Fragment>
-                    { hasError
+                    {hasError
                         ? <ErrorHandler code={errorCode} />
                         : (
                             <InventoryTable
                                 disableDefaultColumns
                                 onLoad={({ mergeWithEntities }) => {
                                     ReducerRegistry.register({
                                         ...mergeWithEntities(
-                                            inventoryEntitiesReducer(SYSTEMS_HEADER)
+                                            inventoryEntitiesReducer(SYSTEMS_HEADER),
+                                            {
+                                                page: Number(parameters.page || 1),
+                                                perPage: Number(parameters.page_size || 20),
+                                                ...(parameters.sort && {
+                                                    sortBy: {
+                                                        key: parameters.sort.replace(/^-/, ''),
+                                                        direction: parameters.sort.match(/^-/) ? 'desc' : 'asc'
+                                                    }
+                                                })
+                                            }
                                         )
                                     });
                                 }}
@@ -117,12 +127,12 @@ const SystemsPage = () => {
                                 noSystemsTable={<EmptyStateNoSystems />}
                             >
                                 <SystemsTableToolbar
-                                    parameters = {parameters}
-                                    systems = {{ data: systems, meta: { total_items: totalItems } }}
-                                    selectedRows = {selectedRows}
+                                    parameters={parameters}
+                                    systems={{ data: systems, meta: { total_items: totalItems } }}
+                                    selectedRows={selectedRows}
                                     selectedRowsCount={selectedRowsCount}
                                     selectedRowsRawData={selectedRowsRawData}
-                                    methods = {{
+                                    methods={{
                                         doOptOut,
                                         apply,
                                         handleSelect