hunk.code_window: import styled from 'styled-components';
   import { CheckCircle, ErrorIcon } from '../../../design-system/icons';
   import { When } from '../../../components/utils/When';
   import { ExecutionDetailsStatusEnum } from '@novu/shared';
   export const ActivityStep = ({ job }) => {
     const status = useJobStatus(job);
     return (
       <Grid.Col
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep
hunk.after_edit: export const ActivityStep = ({ job, span = 4 }) => {
  
hunk.file_path: apps/web/src/pages/activities/components/ActivityStep.tsx
hunk.type: replace
file: module.exports = {
    env: {
      browser: true,
      es6: true,
    },
    extends: ['prettier'],
    globals: {
      Atomics: 'readonly',
      SharedArrayBuffer: 'readonly',
    },
    parserOptions: {
      ecmaFeatures: {
        jsx: true,
      },
      ecmaVersion: 2020,
      sourceType: 'module',
    },
    plugins: ['react'],
    rules: {
      camelcase: 'off',
      '@typescript-eslint/camelcase': ['warn'],
    },
    settings: {
      'import/resolver': {
        node: {
          paths: ['src'],
        },
      },
    },
  };
  