Add page routes for schedule and escalation policies

static/app/routes.tsx

@@ -1164,6 +1164,20 @@ function buildRoutes() {
         <IndexRoute
           component={make(() => import('sentry/views/alerts/list/incidents'))}
         />
+        <Route path="policies/">
+          <IndexRoute
+            component={make(
+              () => import('sentry/views/alerts/escalationPolicies/escalationPolicyList')
+            )}
+          />
+        </Route>
+        <Route path="schedules/">
+          <IndexRoute
+            component={make(
+              () => import('sentry/views/alerts/triageSchedules/triageSchedules')
+            )}
+          />
+        </Route>
         <Route path="rules/">
           <IndexRoute
             component={make(

static/app/views/alerts/escalationPolicies/escalationPolicyList.tsx

@@ -0,0 +1,29 @@
+import {Fragment} from 'react';
+
+import * as Layout from 'sentry/components/layouts/thirds';
+import PageFiltersContainer from 'sentry/components/organizations/pageFilters/container';
+import SentryDocumentTitle from 'sentry/components/sentryDocumentTitle';
+import {t} from 'sentry/locale';
+import useOrganization from 'sentry/utils/useOrganization';
+import useRouter from 'sentry/utils/useRouter';
+import AlertHeader from 'sentry/views/alerts/list/header';
+
+function EscalationPolicyList() {
+  const router = useRouter();
+  const organization = useOrganization();
+
+  return (
+    <Fragment>
+      <SentryDocumentTitle title={t('Escalation Policies')} orgSlug={organization.slug} />
+
+      <PageFiltersContainer>
+        <AlertHeader router={router} activeTab="policies" />
+        <Layout.Body>
+          <Layout.Main fullWidth>WIP by Michael</Layout.Main>
+        </Layout.Body>
+      </PageFiltersContainer>
+    </Fragment>
+  );
+}
+
+export default EscalationPolicyList;

static/app/views/alerts/list/header.tsx

@@ -15,7 +15,7 @@ import useOrganization from 'sentry/utils/useOrganization';
 import usePageFilters from 'sentry/utils/usePageFilters';
 
 type Props = {
-  activeTab: 'stream' | 'rules';
+  activeTab: 'stream' | 'rules' | 'policies' | 'schedules';
   router: InjectedRouter;
 };
 
@@ -86,6 +86,18 @@ function AlertHeader({router, activeTab}: Props) {
             {t('History')}
           </GlobalSelectionLink>
         </li>
+        <li className={activeTab === 'policies' ? 'active' : ''}>
+          <GlobalSelectionLink to={`/organizations/${organization.slug}/alerts/policies`}>
+            {t('Escalation Policies')}
+          </GlobalSelectionLink>
+        </li>
+        <li className={activeTab === 'schedules' ? 'active' : ''}>
+          <GlobalSelectionLink
+            to={`/organizations/${organization.slug}/alerts/schedules`}
+          >
+            {t('Schedule')}
+          </GlobalSelectionLink>
+        </li>
       </Layout.HeaderNavTabs>
     </Layout.Header>
   );

static/app/views/alerts/triageSchedules/triageSchedules.tsx

@@ -0,0 +1,31 @@
+import {Fragment} from 'react';
+
+import * as Layout from 'sentry/components/layouts/thirds';
+import PageFiltersContainer from 'sentry/components/organizations/pageFilters/container';
+import SentryDocumentTitle from 'sentry/components/sentryDocumentTitle';
+import {t} from 'sentry/locale';
+import useOrganization from 'sentry/utils/useOrganization';
+import useRouter from 'sentry/utils/useRouter';
+import AlertHeader from 'sentry/views/alerts/list/header';
+
+function TriageSchedulePage() {
+  const router = useRouter();
+  const organization = useOrganization();
+
+  return (
+    <Fragment>
+      <SentryDocumentTitle title={t('Escalation Policies')} orgSlug={organization.slug} />
+
+      <PageFiltersContainer>
+        <AlertHeader router={router} activeTab="schedules" />
+        <Layout.Body>
+          <Layout.Main fullWidth>
+            Add your content to the schedules page here!
+          </Layout.Main>
+        </Layout.Body>
+      </PageFiltersContainer>
+    </Fragment>
+  );
+}
+
+export default TriageSchedulePage;