From 127ff548a0f618b86dac86162558fd5f3aca495b Mon Sep 17 00:00:00 2001
From: Alessandro Kreslin <kalessandro14@gmail.com>
Date: Thu, 30 Apr 2026 09:03:22 -0400
Subject: [PATCH] gtfs feature tracker feature flag

Co-authored-by: Copilot <copilot@github.com>
---
 .../[locale]/feeds/components/FeedsScreen.tsx |  5 +-
 src/app/components/Footer.tsx                 |  8 +--
 src/app/components/Header.tsx                 | 48 +++++++++--------
 src/app/components/HeaderMobileDrawer.tsx     | 54 ++++++++++---------
 src/app/interface/RemoteConfig.ts             |  2 +
 5 files changed, 66 insertions(+), 51 deletions(-)

diff --git a/src/app/[locale]/feeds/components/FeedsScreen.tsx b/src/app/[locale]/feeds/components/FeedsScreen.tsx
index aa71c9e..b5533bb 100644
--- a/src/app/[locale]/feeds/components/FeedsScreen.tsx
+++ b/src/app/[locale]/feeds/components/FeedsScreen.tsx
@@ -40,11 +40,13 @@ import {
   buildSearchUrl,
 } from '../lib/useFeedsSearch';
 import { toFeatureAnchor } from '../../../utils/featureAnchor';
+import { useRemoteConfig } from '../../../context/RemoteConfigProvider';
 
 export default function FeedsScreen(): React.ReactElement {
   const theme = useTheme();
   const t = useTranslations('feeds');
   const tCommon = useTranslations('common');
+  const { config } = useRemoteConfig();
   const searchParams = useSearchParams();
   const router = useRouter();
   const pathname = usePathname();
@@ -570,7 +572,8 @@ export default function FeedsScreen(): React.ReactElement {
                             >
                               {getSearchResultNumbers()}
                             </Typography>
-                            {selectedFeatures.length > 0 &&
+                            {config.gtfsFeatureTracker &&
+                              selectedFeatures.length > 0 &&
                               areFeatureFiltersEnabled && (
                                 <Button
                                   component={NextLink}
diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
index 7f951d3..995b1f1 100644
--- a/src/app/components/Footer.tsx
+++ b/src/app/components/Footer.tsx
@@ -176,9 +176,11 @@ const Footer: React.FC = () => {
                 <OpenInNew sx={{ fontSize: '1rem', verticalAlign: 'middle' }} />
               </FooterLink>
             )}
-            <FooterLink href='/gtfs-feature-tracker'>
-              {t('links.gtfsFeatureTracker')}
-            </FooterLink>
+            {config.gtfsFeatureTracker && (
+              <FooterLink href='/gtfs-feature-tracker'>
+                {t('links.gtfsFeatureTracker')}
+              </FooterLink>
+            )}
           </Box>
 
           {/* Company column */}
diff --git a/src/app/components/Header.tsx b/src/app/components/Header.tsx
index cfb09c9..eac8e56 100644
--- a/src/app/components/Header.tsx
+++ b/src/app/components/Header.tsx
@@ -394,28 +394,32 @@ export default function DrawerAppBar(): React.ReactElement {
                       )}
                     </MenuList>
                   </Box>
-                  <Divider
-                    orientation='vertical'
-                    flexItem
-                    sx={{ my: 2, opacity: 0.5 }}
-                  />
-                  {/* Analytics column */}
-                  <Box sx={{ minWidth: 220 }}>
-                    <Typography
-                      variant='overline'
-                      sx={headerDropdownMenuHeader}
-                    >
-                      {tCommon('analytics')}
-                    </Typography>
-                    <MenuList dense>
-                      <HeaderMenuItem
-                        component='a'
-                        href='/gtfs-feature-tracker'
-                      >
-                        {tCommon('gtfsFeatureTracker')}
-                      </HeaderMenuItem>
-                    </MenuList>
-                  </Box>
+                  {config.gtfsFeatureTracker && (
+                    <>
+                      <Divider
+                        orientation='vertical'
+                        flexItem
+                        sx={{ my: 2, opacity: 0.5 }}
+                      />
+                      {/* Analytics column */}
+                      <Box sx={{ minWidth: 220 }}>
+                        <Typography
+                          variant='overline'
+                          sx={headerDropdownMenuHeader}
+                        >
+                          {tCommon('analytics')}
+                        </Typography>
+                        <MenuList dense>
+                          <HeaderMenuItem
+                            component='a'
+                            href='/gtfs-feature-tracker'
+                          >
+                            {tCommon('gtfsFeatureTracker')}
+                          </HeaderMenuItem>
+                        </MenuList>
+                      </Box>
+                    </>
+                  )}
                   {/* Metrics column — admin only */}
                   {metricsOptionsEnabled ? (
                     <>
diff --git a/src/app/components/HeaderMobileDrawer.tsx b/src/app/components/HeaderMobileDrawer.tsx
index 5224bf4..c2f0603 100644
--- a/src/app/components/HeaderMobileDrawer.tsx
+++ b/src/app/components/HeaderMobileDrawer.tsx
@@ -231,31 +231,35 @@ export default function DrawerContent({
               </Button>
             )}
 
-            {/* Analytics sub-section */}
-            <Typography
-              variant='caption'
-              fontWeight={700}
-              sx={{
-                px: 2,
-                pt: 1.5,
-                pb: 0.5,
-                display: 'block',
-                textTransform: 'uppercase',
-                letterSpacing: 0.5,
-                color: 'text.secondary',
-              }}
-            >
-              {t('analytics')}
-            </Typography>
-            <Button
-              variant='text'
-              sx={mobileNavElementStyle}
-              component={LocaleLink}
-              href='/gtfs-feature-tracker'
-              onClick={onClose}
-            >
-              {t('gtfsFeatureTracker')}
-            </Button>
+            {config.gtfsFeatureTracker && (
+              <>
+                {/* Analytics sub-section */}
+                <Typography
+                  variant='caption'
+                  fontWeight={700}
+                  sx={{
+                    px: 2,
+                    pt: 1.5,
+                    pb: 0.5,
+                    display: 'block',
+                    textTransform: 'uppercase',
+                    letterSpacing: 0.5,
+                    color: 'text.secondary',
+                  }}
+                >
+                  {t('analytics')}
+                </Typography>
+                <Button
+                  variant='text'
+                  sx={mobileNavElementStyle}
+                  component={LocaleLink}
+                  href='/gtfs-feature-tracker'
+                  onClick={onClose}
+                >
+                  {t('gtfsFeatureTracker')}
+                </Button>
+              </>
+            )}
           </AccordionDetails>
         </Accordion>
         {metricsOptionsEnabled && (
diff --git a/src/app/interface/RemoteConfig.ts b/src/app/interface/RemoteConfig.ts
index 620f42a..a9b8631 100644
--- a/src/app/interface/RemoteConfig.ts
+++ b/src/app/interface/RemoteConfig.ts
@@ -27,6 +27,7 @@ export interface RemoteConfigValues {
   // 2- use bounding box view for GBFS instead of full covered area map
   enableDetailedCoveredArea: boolean;
   gbfsValidator: boolean;
+  gtfsFeatureTracker: boolean;
 }
 
 const gbfsVersionsDefault: GbfsVersionConfig = [];
@@ -46,6 +47,7 @@ export const defaultRemoteConfigValues: RemoteConfigValues = {
   visualizationMapPreviewDataLimit: 3,
   enableDetailedCoveredArea: false,
   gbfsValidator: false,
+  gtfsFeatureTracker: false,
 };
 
 /**