From 3e8b15c6e7fa618a8ad688d9e2e9e47672e3965c Mon Sep 17 00:00:00 2001
From: wxa <wxa@users.noreply.github.com>
Date: Mon, 6 Dec 2021 17:51:28 +0300
Subject: [PATCH] Move filter removal functionality to Premium

[MAILPOET-3929]
---
 assets/js/src/common/button/icon/minus.tsx |  9 ---------
 assets/js/src/segments/dynamic/form.tsx    | 20 ++------------------
 2 files changed, 2 insertions(+), 27 deletions(-)
 delete mode 100644 assets/js/src/common/button/icon/minus.tsx

diff --git a/assets/js/src/common/button/icon/minus.tsx b/assets/js/src/common/button/icon/minus.tsx
deleted file mode 100644
index 2cbb7b4292..0000000000
--- a/assets/js/src/common/button/icon/minus.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-
-const MinusIcon = (
-  <svg viewBox="0 0 24 24">
-    <path d="M20 14H4V10H20V14Z" />
-  </svg>
-);
-
-export { MinusIcon };
diff --git a/assets/js/src/segments/dynamic/form.tsx b/assets/js/src/segments/dynamic/form.tsx
index ba9870bd2c..c1555e769f 100644
--- a/assets/js/src/segments/dynamic/form.tsx
+++ b/assets/js/src/segments/dynamic/form.tsx
@@ -12,7 +12,6 @@ import { Grid } from 'common/grid';
 import { SubscribersCounter } from './subscribers_counter';
 import { FormFilterFields } from './form_filter_fields';
 import { isFormValid } from './validator';
-import { MinusIcon } from '../../common/button/icon/minus';
 import plusIcon from '../../common/button/icon/plus';
 import APIErrorsNotice from '../../notices/api_errors_notice';
 import { PrivacyProtectionNotice } from './privacy_protection_notice';
@@ -32,6 +31,7 @@ interface Props {
 }
 
 const FiltersBefore = Hooks.applyFilters('mailpoet_dynamic_segments_form_filters_before', (): React.FunctionComponent => null);
+const FilterBefore = Hooks.applyFilters('mailpoet_dynamic_filters_filter_before', (): React.FunctionComponent => null);
 const FilterAfter = Hooks.applyFilters('mailpoet_dynamic_filters_filter_after', (): JSX.Element => (
   <div className="mailpoet-gap" />
 ));
@@ -122,23 +122,7 @@ export const Form: React.FunctionComponent<Props> = ({
           {Array.isArray(filterRows) && filterRows.map((filterRow, index) => (
             <React.Fragment key={filterRow.index}>
               <Grid.ThreeColumns automationId={`filter-row-${index}`}>
-                {filterRows.length > 1 && (
-                  <a
-                    href={undefined}
-                    className="mailpoet-form-segment-delete"
-                    data-automation-id="delete-filter-row"
-                    onClick={(e) => {
-                      e.preventDefault();
-                      const filters = segment.filters;
-                      filters.splice(index, 1);
-                      updateSegment({
-                        filters,
-                      });
-                    }}
-                  >
-                    {MinusIcon}
-                  </a>
-                )}
+                <FilterBefore filterRows={filterRows} index={index} />
                 <Grid.CenteredRow>
                   <Select
                     dimension="small"