Add daita label to filters in location selector

1 files changed, 11 insertions, 1 deletions

diff --git a/gui/src/renderer/components/select-location/SelectLocation.tsx b/gui/src/renderer/components/select-location/SelectLocation.tsx
index 5ba0203939..e7bd4865cd 100644
--- a/gui/src/renderer/components/select-location/SelectLocation.tsx
+++ b/gui/src/renderer/components/select-location/SelectLocation.tsx
@@ -71,6 +71,7 @@ export default function SelectLocation() {
   const ownership = relaySettings?.ownership ?? Ownership.any;
   const providers = relaySettings?.providers ?? [];
   const filteredProviders = useFilteredProviders(providers, ownership);
+  const daita = useSelector((state) => state.settings.wireguard.daita?.enabled ?? false);
 
   const [searchValue, setSearchValue] = useState('');
 
@@ -122,7 +123,7 @@ export default function SelectLocation() {
 
   const showOwnershipFilter = ownership !== Ownership.any;
   const showProvidersFilter = providers.length > 0;
-  const showFilters = showOwnershipFilter || showProvidersFilter;
+  const showFilters = showOwnershipFilter || showProvidersFilter || daita;
   return (
     <BackAction action={onClose}>
       <Layout>
@@ -220,6 +221,15 @@ export default function SelectLocation() {
                       </StyledClearFilterButton>
                     </StyledFilter>
                   )}
+
+                  {daita && (
+                    <StyledFilter>
+                      {sprintf(
+                        messages.pgettext('select-location-view', 'Setting: %(settingName)s'),
+                        { settingName: 'DAITA' },
+                      )}
+                    </StyledFilter>
+                  )}
                 </StyledFilterRow>
               )}