fix: hide segment config in news

brave · Nov 6, 2023 · 98db640 · 98db640
1 parent 3770497
commit 98db640
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/user/views/adsManager/views/advanced/components/adSet/fields/PickerFields.tsx b/src/user/views/adsManager/views/advanced/components/adSet/fields/PickerFields.tsx
@@ -2,20 +2,26 @@ import { Typography } from "@mui/material";
 import { SegmentPicker } from "components/Segment/SegmentPicker";
 import { PlatformPicker } from "components/Platform/PlatformPicker";
 import { CardContainer } from "components/Card/CardContainer";
+import { useField } from "formik";
+import { CampaignFormat } from "graphql/types";
 
 interface Props {
   index: number;
 }
 
 export function PickerFields({ index }: Props) {
+  const [, format] = useField<CampaignFormat>("format");
+
   return (
     <>
-      <CardContainer header="Categories">
-        <Typography variant="body2" sx={{ mb: 2 }}>
-          Select the audience you would like to advertise to by interests.
-        </Typography>
-        <SegmentPicker idx={index} />
-      </CardContainer>
+      {format.value !== CampaignFormat.NewsDisplayAd && (
+        <CardContainer header="Categories">
+          <Typography variant="body2" sx={{ mb: 2 }}>
+            Select the audience you would like to advertise to by interests.
+          </Typography>
+          <SegmentPicker idx={index} />
+        </CardContainer>
+      )}
 
       <CardContainer header="Platforms">
         <Typography variant="body2" sx={{ mb: 2 }}>