ref: Move pagination styles into component (#13560)

getsentry · Jun 6, 2019 · 2024d41 · 2024d41
1 parent a520878
commit 2024d41
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 20 deletions.
diff --git a/src/sentry/static/sentry/app/components/pagination.jsx b/src/sentry/static/sentry/app/components/pagination.jsx
@@ -1,10 +1,20 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import {browserHistory} from 'react-router';
+import {css} from 'react-emotion';
 
 import utils from 'app/utils';
 import {t} from 'app/locale';
 
+const streamCss = css`
+  margin: 20px 0 0 0;
+
+  .icon-arrow-right,
+  .icon-arrow-left {
+    font-size: 20px !important;
+  }
+`;
+
 export default class Pagination extends React.Component {
   static propTypes = {
     pageLinks: PropTypes.string,
@@ -25,7 +35,7 @@ export default class Pagination extends React.Component {
         query,
       });
     },
-    className: 'stream-pagination',
+    className: streamCss,
   };
 
   render() {

diff --git a/src/sentry/static/sentry/less/stream.less b/src/sentry/static/sentry/less/stream.less
@@ -995,20 +995,6 @@
   }
 }
 
-/**
-* Stream Pagination
-* ============================================================================
-*/
-
-.stream-pagination {
-  margin: 20px 0 0 0;
-
-  .icon-arrow-right,
-  .icon-arrow-left {
-    font-size: 20px !important;
-  }
-}
-
 /**
 * Empty Stream/Empty Alert box
 * ============================================================================

diff --git a/tests/js/spec/views/__snapshots__/organizationTeamProjects.spec.jsx.snap b/tests/js/spec/views/__snapshots__/organizationTeamProjects.spec.jsx.snap
@@ -1084,7 +1084,7 @@ exports[`OrganizationTeamProjects Should render 1`] = `
     </Panel>
     <Pagination
       api={Client {}}
-      className="stream-pagination"
+      className="css-1yt0wm7-streamCss"
       location={
         Object {
           "query": Object {},

diff --git a/tests/js/spec/views/__snapshots__/projectDebugFiles.spec.jsx.snap b/tests/js/spec/views/__snapshots__/projectDebugFiles.spec.jsx.snap
@@ -285,7 +285,7 @@ exports[`ProjectDebugFiles renders 1`] = `
     </Component>
   </Panel>
   <Pagination
-    className="stream-pagination"
+    className="css-1yt0wm7-streamCss"
     onCursor={[Function]}
   />
 </ProjectDebugSymbols>
@@ -349,7 +349,7 @@ exports[`ProjectDebugFiles renders empty 1`] = `
     </PanelBody>
   </Panel>
   <Pagination
-    className="stream-pagination"
+    className="css-1yt0wm7-streamCss"
     onCursor={[Function]}
   />
 </Fragment>

diff --git a/tests/js/spec/views/groupDetails/__snapshots__/groupSimilar.spec.jsx.snap b/tests/js/spec/views/groupDetails/__snapshots__/groupSimilar.spec.jsx.snap
@@ -1878,7 +1878,7 @@ exports[`Issues Similar View renders with mocked data 1`] = `
           </div>
         </div>
         <Pagination
-          className="stream-pagination"
+          className="css-1yt0wm7-streamCss"
           onCursor={[Function]}
         />
       </div>

diff --git a/tests/js/spec/views/groupDetails/__snapshots__/projectGroupEvents.spec.jsx.snap b/tests/js/spec/views/groupDetails/__snapshots__/projectGroupEvents.spec.jsx.snap
@@ -53,7 +53,7 @@ exports[`groupEvents renders 1`] = `
     </PanelBody>
   </Panel>
   <Pagination
-    className="stream-pagination"
+    className="css-1yt0wm7-streamCss"
     onCursor={[Function]}
   />
 </div>