158 paginated data list (#180)

* working: rename OrganizationTeamsList to PaginatedDataList

* convert org notifications list fully to PaginatedDataList

* update NotificationList tests

* refactor org access to use PaginatedDataList

* update tests for org access refactor; fix pagination & sorting

* restore Add Role functionality to Org roles

* fix displayed text when list of items is empty

* preserve query params when navigating through pagination

* fix bugs after RBAC rebase

* fix lint errors, fix add org access button

src/pages/Organizations/screens/Organization/Organization.jsx

@@ -216,23 +216,20 @@ class Organization extends Component {
                 )}
               />
             )}
-            <Route
-              path="/organizations/:id/access"
-              render={() => (
-                <OrganizationAccess
-                  organization={organization}
-                />
-              )}
-            />
+            {organization && (
+              <Route
+                path="/organizations/:id/access"
+                render={() => (
+                  <OrganizationAccess
+                    organization={organization}
+                  />
+                )}
+              />
+            )}
             <Route
               path="/organizations/:id/teams"
               render={() => (
-                <OrganizationTeams
-                  id={Number(match.params.id)}
-                  match={match}
-                  location={location}
-                  history={history}
-                />
+                <OrganizationTeams id={Number(match.params.id)} />
               )}
             />
             {canSeeNotificationsTab && (
@@ -240,12 +237,17 @@ class Organization extends Component {
                 path="/organizations/:id/notifications"
                 render={() => (
                   <OrganizationNotifications
+                    id={Number(match.params.id)}
                     canToggleNotifications={canToggleNotifications}
                   />
                 )}
               />
             )}
-            {organization && <NotifyAndRedirect to={`/organizations/${match.params.id}/details`} />}
+            {organization && (
+              <NotifyAndRedirect
+                to={`/organizations/${match.params.id}/details`}
+              />
+            )}
           </Switch>
           {error ? 'error!' : ''}
           {loading ? 'loading...' : ''}