Hide anaonymize data field on preference page (#21733)

airbytehq · Jan 25, 2023 · 113b134 · 113b134
1 parent 8956c2c
commit 113b134
Showing 1 changed file with 32 additions and 26 deletions.
diff --git a/airbyte-webapp/src/views/Settings/PreferencesForm/PreferencesForm.tsx b/airbyte-webapp/src/views/Settings/PreferencesForm/PreferencesForm.tsx
@@ -9,6 +9,7 @@ import LabeledInput from "components/LabeledInput";
 import { LabeledSwitch } from "components/LabeledSwitch";
 import { Button } from "components/ui/Button";
 
+import { useConfig } from "config";
 import { links } from "utils/links";
 
 import EditControls from "./components/EditControls";
@@ -70,12 +71,13 @@ const PreferencesForm: React.FC<PreferencesFormProps> = ({
   errorMessage,
 }) => {
   const { formatMessage } = useIntl();
+  const config = useConfig();
 
   return (
     <Formik
       initialValues={{
         email: preferencesValues?.email || "",
-        anonymousDataCollection: preferencesValues?.anonymousDataCollection || false,
+        anonymousDataCollection: preferencesValues?.anonymousDataCollection || !config.segment.enabled,
         news: preferencesValues?.news || false,
         securityUpdates: preferencesValues?.securityUpdates || false,
       }}
@@ -116,32 +118,36 @@ const PreferencesForm: React.FC<PreferencesFormProps> = ({
               )}
             </Field>
           </FormItem>
-          <Subtitle>
-            <FormattedMessage id="preferences.anonymizeUsage" />
-          </Subtitle>
-          <Text>
-            <FormattedMessage
-              id="preferences.collectData"
-              values={{
-                docs: (docs: React.ReactNode) => (
-                  <DocsLink target="_blank" href={links.docsLink}>
-                    {docs}
-                  </DocsLink>
-                ),
-              }}
-            />
-          </Text>
-          <FormItem>
-            <Field name="anonymousDataCollection">
-              {({ field }: FieldProps<string>) => (
-                <LabeledSwitch
-                  {...field}
-                  disabled={!values.email}
-                  label={<FormattedMessage id="preferences.anonymizeData" />}
+          {config.segment.enabled && (
+            <>
+              <Subtitle>
+                <FormattedMessage id="preferences.anonymizeUsage" />
+              </Subtitle>
+              <Text>
+                <FormattedMessage
+                  id="preferences.collectData"
+                  values={{
+                    docs: (docs: React.ReactNode) => (
+                      <DocsLink target="_blank" href={links.docsLink}>
+                        {docs}
+                      </DocsLink>
+                    ),
+                  }}
                 />
-              )}
-            </Field>
-          </FormItem>
+              </Text>
+              <FormItem>
+                <Field name="anonymousDataCollection">
+                  {({ field }: FieldProps<string>) => (
+                    <LabeledSwitch
+                      {...field}
+                      disabled={!values.email}
+                      label={<FormattedMessage id="preferences.anonymizeData" />}
+                    />
+                  )}
+                </Field>
+              </FormItem>
+            </>
+          )}
           <Subtitle>
             <FormattedMessage id="preferences.news" />
           </Subtitle>