feat(ui): Add basic templates for Incident Rules in settings

This just adds some placeholder views, routes, and tests for the new
Incident Rules feature. These will change as we develop the feature.

Author: billyvg

src/sentry/static/sentry/app/components/charts/baseChart.jsx

@@ -108,7 +108,7 @@ class BaseChart extends React.Component {
     onFinished: PropTypes.func,
 
     // Forwarded Ref
-    forwardedRef: PropTypes.object,
+    forwardedRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
 
     // Custom chart props that are implemented by us (and not a feature of eCharts)
     /**

src/sentry/static/sentry/app/routes.jsx

@@ -597,6 +597,7 @@ function routes() {
           component={errorHandler(LazyLoad)}
         />
       </Route>
+
       <Route name="Developer Settings" path="developer-settings/">
         <IndexRoute
           componentPromise={() =>
@@ -621,6 +622,38 @@ function routes() {
           component={errorHandler(LazyLoad)}
         />
       </Route>
+
+      <Route
+        name="Incident Rules"
+        path="incident-rules/"
+        componentPromise={() =>
+          import(/* webpackChunkName: "OrganizationIncidentRules" */ 'app/views/settings/organizationIncidentRules')
+        }
+        component={errorHandler(LazyLoad)}
+      >
+        <IndexRoute
+          componentPromise={() =>
+            import(/* webpackChunkName: "IncidentRulesList" */ 'app/views/settings/organizationIncidentRules/list')
+          }
+          component={errorHandler(LazyLoad)}
+        />
+        <Route
+          name="New Incident Rule"
+          path="new/"
+          componentPromise={() =>
+            import(/* webpackChunkName: "IncidentRulesCreate" */ 'app/views/settings/organizationIncidentRules/create')
+          }
+          component={errorHandler(LazyLoad)}
+        />
+        <Route
+          name="Edit Incident Rule"
+          path=":incidentRuleId/"
+          componentPromise={() =>
+            import(/* webpackChunkName: "IncidentRulesDetails" */ 'app/views/settings/organizationIncidentRules/details')
+          }
+          component={errorHandler(LazyLoad)}
+        />
+      </Route>
     </React.Fragment>
   );
 

src/sentry/static/sentry/app/views/settings/organization/navigationConfiguration.jsx

@@ -29,7 +29,7 @@ const organizationNavigation = [
         path: `${pathPrefix}/members/`,
         title: t('Members'),
         // eslint-disable-next-line no-shadow
-        badge: ({organization, access, features}) => {
+        badge: ({organization, access}) => {
           if (!access.has('org:write')) {
             return null;
           }
@@ -76,6 +76,13 @@ const organizationNavigation = [
         description: t('Manage repositories connected to the organization'),
         id: 'repos',
       },
+      {
+        path: `${pathPrefix}/incident-rules/`,
+        title: t('Incident Rules'),
+        show: ({features}) => features.has('incidents'),
+        description: t('Manage Incident Rules'),
+        id: 'incident-rules',
+      },
       {
         path: `${pathPrefix}/integrations/`,
         title: t('Integrations'),
@@ -87,7 +94,7 @@ const organizationNavigation = [
       {
         path: `${pathPrefix}/developer-settings/`,
         title: t('Developer Settings'),
-        show: ({access, features}) => features.has('sentry-apps'),
+        show: ({features}) => features.has('sentry-apps'),
         description: t('Manage developer applications'),
         id: 'developer-settings',
       },