Funnel report updates. Fixed insights report.

src/app/(main)/reports/[reportId]/FieldFilterEditForm.tsx

@@ -191,7 +191,7 @@ export default function FieldFilterEditForm({
           )}
         </Flexbox>
         <Button variant="primary" onClick={handleAdd} disabled={isDisabled}>
-          {isNew ? formatMessage(labels.add) : formatMessage(labels.update)}
+          {formatMessage(isNew ? labels.add : labels.update)}
         </Button>
       </FormRow>
     </Form>

src/app/(main)/reports/[reportId]/FilterParameters.tsx

@@ -74,7 +74,8 @@ export function FilterParameters() {
             return (
               <ParameterList.Item key={name} onRemove={() => handleRemove(name)}>
                 <FilterParameter
-                  {...dateRange}
+                  startDate={dateRange.startDate}
+                  endDate={dateRange.endDate}
                   websiteId={websiteId}
                   name={name}
                   label={label}

src/app/(main)/reports/[reportId]/ParameterList.tsx

@@ -4,6 +4,7 @@ import Icons from 'components/icons';
 import Empty from 'components/common/Empty';
 import { useMessages } from 'components/hooks';
 import styles from './ParameterList.module.css';
+import classNames from 'classnames';
 
 export interface ParameterListProps {
   children?: ReactNode;
@@ -22,15 +23,17 @@ export function ParameterList({ children }: ParameterListProps) {
 
 const Item = ({
   children,
+  className,
   onClick,
   onRemove,
 }: {
   children?: ReactNode;
+  className?: string;
   onClick?: () => void;
   onRemove?: () => void;
 }) => {
   return (
-    <div className={styles.item} onClick={onClick}>
+    <div className={classNames(styles.item, className)} onClick={onClick}>
       {children}
       <Icon onClick={onRemove}>
         <Icons.Close />