start fixing transaction duration alert trigger

elastic · Jul 13, 2021 · c9d13b2 · c9d13b2
1 parent 9603301
commit c9d13b2
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/...ugins/apm/public/components/alerting/transaction_duration_alert_trigger/index.stories.tsx b/...ugins/apm/public/components/alerting/transaction_duration_alert_trigger/index.stories.tsx
@@ -5,6 +5,7 @@
  * 2.0.
  */
 
+import { Story } from '@storybook/react';
 import { cloneDeep, merge } from 'lodash';
 import React, { ComponentType } from 'react';
 import { MemoryRouter, Route } from 'react-router-dom';
@@ -20,7 +21,7 @@ export default {
   title: 'alerting/TransactionDurationAlertTrigger',
   component: TransactionDurationAlertTrigger,
   decorators: [
-    (Story: ComponentType) => {
+    (StoryComponent: ComponentType) => {
       const contextMock = (merge(cloneDeep(mockApmPluginContextValue), {
         core: {
           http: {
@@ -39,11 +40,11 @@ export default {
 
       return (
         <div style={{ width: 400 }}>
-          <MemoryRouter initialEntries={['/transactions/test-service-name']}>
-            <Route path="/transactions/:serviceName">
+          <MemoryRouter initialEntries={['/services/test-service-name']}>
+            <Route path="/services/:serviceName">
               <MockApmPluginContextWrapper value={contextMock}>
                 <MockUrlParamsContextProvider>
-                  <Story />
+                  <StoryComponent />
                 </MockUrlParamsContextProvider>
               </MockApmPluginContextWrapper>
             </Route>
@@ -54,7 +55,7 @@ export default {
   ],
 };
 
-export function Example() {
+export const Example: Story = () => {
   const params = {
     threshold: 1500,
     aggregationType: 'avg' as const,
@@ -67,4 +68,4 @@ export function Example() {
       setAlertProperty={() => undefined}
     />
   );
-}
+};