diff --git a/src/components/AdminCampaignList/CampaignTable.jsx b/src/components/AdminCampaignList/CampaignTable.jsx index b28e8730d..aa44a3e92 100644 --- a/src/components/AdminCampaignList/CampaignTable.jsx +++ b/src/components/AdminCampaignList/CampaignTable.jsx @@ -39,7 +39,8 @@ export class CampaignTable extends React.Component { }; state = { - dataTableKey: "initial" + dataTableKey: "initial", + campaigns: [...this.props.data.organization.campaigns.campaigns] }; statusIsChanging = campaign => { @@ -119,7 +120,8 @@ export class CampaignTable extends React.Component { customBodyRender: (value, tableMeta) => { const campaign = campaigns.find(c => c.id === tableMeta.rowData[0]); return this.renderArchiveIcon(campaign); - } + }, + sort: false }, style: { width: "5em" @@ -305,8 +307,7 @@ export class CampaignTable extends React.Component { }; render() { - const { campaigns, pageInfo } = this.props.data.organization.campaigns; - const { limit, offset, total } = pageInfo; + const { limit, offset, total } = this.props.data.organization.campaigns.pageInfo; const displayPage = Math.floor(offset / limit) + 1; let rowSizeList = [10, 20, 50, 100]; @@ -346,14 +347,14 @@ export class CampaignTable extends React.Component { break; case "sort": this.clearCampaignSelection(); - campaigns.sort(this.sortFunc(tableState.sortOrder.name)); + this.state.campaigns.sort(this.sortFunc(tableState.sortOrder.name)); if (tableState.sortOrder.direction === "desc") { - campaigns.reverse(); + this.state.campaigns.reverse() } break; case "rowSelectionChange": const ids = tableState.selectedRows.data.map(({ index }) => { - return campaigns[index].id; + return this.state.campaigns[index].id; }); this.props.handleChecked(ids); break; @@ -365,17 +366,17 @@ export class CampaignTable extends React.Component { } }; - return campaigns.length === 0 ? ( + return this.state.campaigns.length === 0 ? ( } /> ) : (


diff --git a/src/containers/AdminCampaignList.jsx b/src/containers/AdminCampaignList.jsx index 7f3bd177e..8ed20f5aa 100644 --- a/src/containers/AdminCampaignList.jsx +++ b/src/containers/AdminCampaignList.jsx @@ -19,7 +19,7 @@ import { dataTest } from "../lib/attributes"; import loadData from "./hoc/load-data"; import theme from "../styles/theme"; import SortBy, { - DUE_DATE_DESC_SORT + ID_DESC_SORT } from "../components/AdminCampaignList/SortBy"; import Search from "../components/Search"; import CampaignTable from "../components/AdminCampaignList/CampaignTable"; @@ -38,7 +38,7 @@ const INITIAL_FILTER = { isArchived: false, searchString: "" }; -const INITIAL_SORT_BY = DUE_DATE_DESC_SORT.value; +const INITIAL_SORT_BY = ID_DESC_SORT.value; export class AdminCampaignList extends React.Component { static propTypes = {