Reverting #147

src/features/rewards/modalContribute/index.tsx

@@ -20,14 +20,10 @@ export interface Props {
   onClose: () => void
   onRestore: () => void
   id?: string
-  sortByAttentionDesc?: boolean
   numExcludedSites?: number
 }
 
 export default class ModalContribute extends React.PureComponent<Props, {}> {
-  static defaultProps = {
-    sortByAttentionDesc: true
-  }
 
   get headers () {
     return [
@@ -45,7 +41,7 @@ export default class ModalContribute extends React.PureComponent<Props, {}> {
   }
 
   render () {
-    const { id, onClose, onRestore, sortByAttentionDesc, rows, numExcludedSites } = this.props
+    const { id, onClose, onRestore, rows, numExcludedSites } = this.props
     const numSites = rows && rows.length || 0
 
     return (
@@ -72,7 +68,6 @@ export default class ModalContribute extends React.PureComponent<Props, {}> {
             allSites={true}
             showRowAmount={true}
             showRemove={true}
-            sortByAttentionDesc={sortByAttentionDesc}
           />
         </StyledWrapper>
       </Modal>

src/features/rewards/tableContribute/index.tsx

@@ -43,14 +43,10 @@ export interface Props {
   rows?: DetailRow[]
   numSites?: number
   allSites?: boolean
-  sortByAttentionDesc?: boolean
   onShowAll?: () => void
 }
 
 export default class TableContribute extends React.PureComponent<Props, {}> {
-  static defaultProps = {
-    sortByAttentionDesc: true
-  }
 
   getHeader = (header: string[]) => {
     if (!header) {
@@ -84,17 +80,12 @@ export default class TableContribute extends React.PureComponent<Props, {}> {
     })
   }
 
-  getRows = (rows?: DetailRow[], sortByAttentionDesc?: boolean): Row[] | undefined => {
+  getRows = (rows?: DetailRow[]): Row[] | undefined => {
     if (!rows) {
       return
     }
 
-    return rows.sort((cur: DetailRow, prev: DetailRow) => {
-      return sortByAttentionDesc
-      ? prev.attention - cur.attention
-      : cur.attention - prev.attention
-    })
-    .map((row: DetailRow): Row => {
+    return rows.map((row: DetailRow): Row => {
       const cell: Row = {
         content: [
           {
@@ -177,15 +168,15 @@ export default class TableContribute extends React.PureComponent<Props, {}> {
   }
 
   render () {
-    const { id, header, children, sortByAttentionDesc, rows, allSites, onShowAll } = this.props
+    const { id, header, children, rows, allSites, onShowAll } = this.props
     const numSites = this.props.numSites || 0
 
     return (
       <div id={id}>
         <Table
           header={this.getHeader(header)}
           children={children}
-          rows={this.getRows(rows, sortByAttentionDesc)}
+          rows={this.getRows(rows)}
         />
         {
           !allSites && numSites > 0

stories/features/rewards/modal.tsx

@@ -5,7 +5,7 @@
 import * as React from 'react'
 import { withState } from '@dump247/storybook-state'
 import { storiesOf } from '@storybook/react'
-import { boolean, withKnobs, text } from '@storybook/addon-knobs'
+import { withKnobs, text } from '@storybook/addon-knobs'
 
 // Components
 import { TabsType } from '../../../src/features/rewards/modalBackupRestore'
@@ -109,7 +109,6 @@ storiesOf('Feature Components/Rewards/Modal', module)
         onClose={doNothing}
         numExcludedSites={25}
         onRestore={doNothing}
-        sortByAttentionDesc={boolean('Sort DESC', true)}
       />
     )
   })

stories/features/rewards/table.tsx

@@ -96,7 +96,6 @@ storiesOf('Feature Components/Rewards/Table', module)
           showRowAmount={boolean('Show row amount', false)}
           showRemove={boolean('Show remove action', true)}
           headerColor={boolean('Colored header', true)}
-          sortByAttentionDesc={boolean('Sort DESC', true)}
         >
           Please visit some sites
         </TableContribute>