From d306fc86cb0549103395b5bdd3e3a479e0aa574e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Gonz=C3=A1lez=20Mu=C3=B1oz?=
 <andres.gonzalez@vizzuality.com>
Date: Thu, 14 Dec 2023 09:08:30 +0100
Subject: [PATCH] enables permanently feature splitting and CSV upload

---
 app/README.md                                 |  2 --
 .../features/selected-item/component.tsx      |  8 +++---
 app/components/upload-tabs/index.tsx          | 28 ++++++++-----------
 3 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/app/README.md b/app/README.md
index bd85f36497..09d38c50b4 100644
--- a/app/README.md
+++ b/app/README.md
@@ -21,8 +21,6 @@ This is a [Next.js](https://nextjs.org/) project bootstrapped with
 - `NEXT_PUBLIC_FEATURE_FLAGS` (comma-separated list of feature flag strings,
   optional, default is an empty list): list features here in order to _enable_
   them in the frontend app; features available behind feature flags are:
-  - `split`: make _split_ functionality available for conservation features in
-    the frontend app
   - `strat`: make _stratification_ functionality available for conservation
     features in the frontend app
 
diff --git a/app/components/features/selected-item/component.tsx b/app/components/features/selected-item/component.tsx
index 3c8558eeef..e69d6226a6 100644
--- a/app/components/features/selected-item/component.tsx
+++ b/app/components/features/selected-item/component.tsx
@@ -83,7 +83,7 @@ export const Item: React.FC<ItemProps> = ({
 }: ItemProps) => {
   const [splitOpen, setSplitOpen] = useState(!!splitSelected);
 
-  const { split, strat } = useFeatureFlags();
+  const { strat } = useFeatureFlags();
 
   // EVENTS
   const onSplitChanged = useCallback(
@@ -137,7 +137,7 @@ export const Item: React.FC<ItemProps> = ({
           <h2 className="font-heading text-sm">{name}</h2>
 
           <div className="mr-3 flex space-x-2">
-            {editable && split && !!OPTIONS.length && (
+            {editable && !!OPTIONS.length && (
               <Tooltip
                 arrow
                 placement="top"
@@ -204,7 +204,7 @@ export const Item: React.FC<ItemProps> = ({
           </div>
         </div>
 
-        {split && splitOpen && (
+        {splitOpen && (
           <div>
             <div className="mt-3 flex items-center space-x-2 font-heading tracking-wide">
               <h4 className="text-xxs uppercase text-white">
@@ -299,7 +299,7 @@ export const Item: React.FC<ItemProps> = ({
         )}
       </header>
 
-      {splitSelected && split && splitOpen && (
+      {splitSelected && splitOpen && (
         <ul className="pl-3">
           {splitFeaturesOptions.map((f) => {
             const checked =
diff --git a/app/components/upload-tabs/index.tsx b/app/components/upload-tabs/index.tsx
index 58e7c323a3..5c91e2556f 100644
--- a/app/components/upload-tabs/index.tsx
+++ b/app/components/upload-tabs/index.tsx
@@ -1,7 +1,5 @@
 import React from 'react';
 
-import { useFeatureFlags } from 'hooks/feature-flags';
-
 import { cn } from 'utils/cn';
 
 const BUTTON_COMMON_CLASSES =
@@ -18,8 +16,6 @@ export const UploadFeatureTabs = ({
   mode: UploadFeatureMode;
   onChange: (mode: UploadFeatureMode) => void;
 }): JSX.Element => {
-  const { CSVUpload } = useFeatureFlags();
-
   return (
     <div className="flex w-full space-x-4 border-b border-gray-400 text-xs font-medium text-black">
       <button
@@ -34,19 +30,17 @@ export const UploadFeatureTabs = ({
         Shapefile
       </button>
 
-      {CSVUpload && (
-        <button
-          type="button"
-          className={cn({
-            [BUTTON_COMMON_CLASSES]: true,
-            [BUTTON_ACTIVE_CLASSES]: mode === 'csv',
-            [BUTTON_INACTIVE_CLASSES]: mode !== 'csv',
-          })}
-          onClick={() => onChange('csv')}
-        >
-          CSV
-        </button>
-      )}
+      <button
+        type="button"
+        className={cn({
+          [BUTTON_COMMON_CLASSES]: true,
+          [BUTTON_ACTIVE_CLASSES]: mode === 'csv',
+          [BUTTON_INACTIVE_CLASSES]: mode !== 'csv',
+        })}
+        onClick={() => onChange('csv')}
+      >
+        CSV
+      </button>
     </div>
   );
 };